(fix:ui) minor perfections

frontend/src/modals/AddActionModal.tsx

@@ -59,6 +59,7 @@ export default function AddActionModal({
               setFunctionNameError(!isValidFunctionName(value));
             }}
             borderVariant="thin"
+            labelBgClassName="bg-white dark:bg-charleston-green-2"
             placeholder={'Enter name'}
           />
           <p

frontend/src/modals/ChunkModal.tsx

@@ -61,6 +61,7 @@ export default function ChunkModal({
                   onChange={(e) => setTitle(e.target.value)}
                   borderVariant="thin"
                   placeholder={'Enter title'}
+                  labelBgClassName="bg-white dark:bg-charleston-green-2"
                 ></Input>
               </div>
               <div className="mt-6 relative px-3">
@@ -123,15 +124,13 @@ export default function ChunkModal({
                 Edit Chunk
               </h2>
               <div className="mt-6 relative px-3">
-                <span className="z-10 absolute left-5 -top-2 bg-white px-2 text-xs text-gray-4000 dark:bg-[#26272E] dark:text-silver">
-                  Title
-                </span>
                 <Input
                   type="text"
                   value={title}
                   onChange={(e) => setTitle(e.target.value)}
                   borderVariant="thin"
                   placeholder={'Enter title'}
+                  labelBgClassName="bg-white dark:bg-charleston-green-2"
                 ></Input>
               </div>
               <div className="mt-6 relative px-3">

frontend/src/modals/ConfigToolModal.tsx

@@ -59,7 +59,7 @@ export default function ConfigToolModal({
             onChange={(e) => setAuthKey(e.target.value)}
             borderVariant="thin"
             placeholder={t('modals.configTool.apiKeyPlaceholder')}
-            label={t('modals.configTool.apiKeyLabel')}
+            labelBgClassName="bg-white dark:bg-charleston-green-2"
           />
         </div>
         <div className="mt-8 flex flex-row-reverse gap-1 px-3">

frontend/src/modals/CreateAPIKeyModal.tsx

@@ -84,9 +84,10 @@ export default function CreateAPIKeyModal({
           type="text"
           className="rounded-md"
           value={APIKeyName}
-          label={t('modals.createAPIKey.apiKeyName')}
+          placeholder={t('modals.createAPIKey.apiKeyName')}
           onChange={(e) => setAPIKeyName(e.target.value)}
           borderVariant="thin"
+          labelBgClassName="bg-white dark:bg-charleston-green-2"
         ></Input>
       </div>
       <div className="my-4">