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>