fix: layout gap increment on new lines

frontend/src/components/v2/SecretInput/SecretInput.tsx

@@ -67,7 +67,7 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
     const [isSecretFocused, setIsSecretFocused] = useToggle();
 
     return (
-      // <>
+      <div>
         <div
           className={twMerge("w-full overflow-auto rounded-md no-scrollbar", containerClassName)}
           style={{ maxHeight: `${21 * 7}px` }}
@@ -98,9 +98,10 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
               readOnly={isReadOnly}
             />
           </div>
-
-        <div className="absolute z-10 w-60 rounded-md border border-mineshaft-600 bg-mineshaft-700 text-sm text-bunker-200">
-          <div className="z-10 h-full w-60 flex-col items-center justify-center rounded-md py-4 text-white">
+        </div>
+        {isSecretFocused && (
+        <div className="absolute z-10 mt-2 w-60 rounded-md border border-mineshaft-600 bg-mineshaft-700 text-sm text-bunker-200">
+          <div className="h-full w-full flex-col items-center justify-center rounded-md py-4 text-white">
             {[
               { name: "SECRET NAME", type: "secret" },
               { name: "Folder", type: "folder" },
@@ -152,6 +153,7 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
             })}
           </div>
           </div>
+          )}
       </div>
     );
   }