From 9af9268be67ad9c7f8aa21affb6b6ee26e23a6a6 Mon Sep 17 00:00:00 2001
From: guru_sainath <gurusainath007@gmail.com>
Date: Thu, 6 Jun 2024 17:46:49 +0530
Subject: [PATCH] fix: Overflowing loader in issue edit modal (#4720)

---
 web/components/issues/issue-modal/form.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/issues/issue-modal/form.tsx b/web/components/issues/issue-modal/form.tsx
index 42ce948ad..013eb498b 100644
--- a/web/components/issues/issue-modal/form.tsx
+++ b/web/components/issues/issue-modal/form.tsx
@@ -413,9 +413,9 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
               />
               <span className="text-xs text-red-500">{errors?.name?.message}</span>
             </div>
-            <div className="border-[0.5px] border-custom-border-200 rounded-lg">
+            <div className="border-[0.5px] border-custom-border-200 rounded-lg relative">
               {data?.description_html === undefined ? (
-                <Loader className="min-h-[7rem] space-y-2 overflow-hidden rounded-md border border-custom-border-200 p-2 py-2">
+                <Loader className="min-h-[150px] max-h-64 space-y-2 overflow-hidden rounded-md border border-custom-border-200 p-3 py-2 pt-3">
                   <Loader.Item width="100%" height="26px" />
                   <div className="flex items-center gap-2">
                     <Loader.Item width="26px" height="26px" />
@@ -429,7 +429,7 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
                   <div className="flex items-center gap-2">
                     <Loader.Item width="50%" height="26px" />
                   </div>
-                  <div className="border-0.5 absolute bottom-3.5 right-3.5 z-10 flex items-center gap-2">
+                  <div className="border-0.5 absolute bottom-2 right-3.5 z-10 flex items-center gap-2">
                     <Loader.Item width="100px" height="26px" />
                     <Loader.Item width="50px" height="26px" />
                   </div>