From 6f37a75eaa613cdc65e11989610d2e14b4036126 Mon Sep 17 00:00:00 2001
From: Ashish Viradiya <116018976+AshishViradiya153@users.noreply.github.com>
Date: Mon, 28 Oct 2024 07:27:08 +0530
Subject: [PATCH] 1046 Fix ui issue (#1307)

---
 components/links/link-sheet/og-section.tsx            | 2 +-
 components/links/link-sheet/watermark-panel/index.tsx | 2 +-
 components/links/link-sheet/watermark-section.tsx     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/links/link-sheet/og-section.tsx b/components/links/link-sheet/og-section.tsx
index 3b7f6d0ed..a8d4b83ca 100644
--- a/components/links/link-sheet/og-section.tsx
+++ b/components/links/link-sheet/og-section.tsx
@@ -200,7 +200,7 @@ export default function OGSection({
             </div>
             <label
               htmlFor="image"
-              className="group relative mt-1 flex aspect-[1200/630] h-full min-h-[14rem] cursor-pointer flex-col items-center justify-center rounded-md border border-input bg-white shadow-sm transition-all hover:border-muted-foreground hover:bg-gray-50 hover:ring-muted-foreground dark:bg-gray-800 hover:dark:bg-transparent"
+              className="group relative mt-1 flex aspect-auto h-full min-h-[14rem] cursor-pointer flex-col items-center justify-center rounded-md border border-input bg-white shadow-sm transition-all hover:border-muted-foreground hover:bg-gray-50 hover:ring-muted-foreground dark:bg-gray-800 hover:dark:bg-transparent sm:aspect-[1200/630]"
             >
               {false && (
                 <div className="absolute z-[5] flex h-full w-full items-center justify-center rounded-md bg-white">
diff --git a/components/links/link-sheet/watermark-panel/index.tsx b/components/links/link-sheet/watermark-panel/index.tsx
index 1e9d1f73f..295158809 100644
--- a/components/links/link-sheet/watermark-panel/index.tsx
+++ b/components/links/link-sheet/watermark-panel/index.tsx
@@ -108,7 +108,7 @@ export default function WatermarkConfigSheet({
                 onChange={handleInputChange}
                 className="focus:ring-inset"
               />
-              <div className="space-x-1">
+              <div className="space-x-1 space-y-1">
                 {["email", "date", "time", "link", "ipAddress"].map((item) => (
                   <Button
                     key={item}
diff --git a/components/links/link-sheet/watermark-section.tsx b/components/links/link-sheet/watermark-section.tsx
index dd5d1b211..790fbaecc 100644
--- a/components/links/link-sheet/watermark-section.tsx
+++ b/components/links/link-sheet/watermark-section.tsx
@@ -111,7 +111,7 @@ export default function WatermarkSection({
                 }}
                 className="focus:ring-inset"
               />
-              <div className="space-x-1">
+              <div className="space-x-1 space-y-1">
                 {["email", "date", "time", "link", "ipAddress"].map((item) => (
                   <Button
                     key={item}