fix(ui): prompt shows thru prompt label text

invokeai/frontend/web/src/features/parameters/components/Core/ParamNegativePrompt.tsx

@@ -53,10 +53,11 @@ export const ParamNegativePrompt = memo(() => {
           onKeyDown={onKeyDown}
           fontSize="sm"
           variant="darkFilled"
-          minH={24}
+          minH={28}
-          paddingRight={10}
+          borderTopWidth={24} // This prevents the prompt from being hidden behind the header
-          paddingLeft={3}
+          paddingInlineEnd={10}
-          paddingTop={7}
+          paddingInlineStart={3}
+          paddingTop={0}
           paddingBottom={3}
         />
         <PromptOverlayButtonWrapper>

invokeai/frontend/web/src/features/parameters/components/Core/ParamPositivePrompt.tsx

@@ -68,9 +68,10 @@ export const ParamPositivePrompt = memo(() => {
           minH={40}
           onKeyDown={onKeyDown}
           variant="darkFilled"
-          paddingRight={10}
+          borderTopWidth={24} // This prevents the prompt from being hidden behind the header
-          paddingLeft={3}
+          paddingInlineEnd={10}
-          paddingTop={7}
+          paddingInlineStart={3}
+          paddingTop={0}
           paddingBottom={3}
         />
         <PromptOverlayButtonWrapper>

invokeai/frontend/web/src/features/parameters/components/Prompts/PromptLabel.tsx

@@ -1,9 +1,9 @@
-import { FormLabel } from '@invoke-ai/ui-library';
+import { Text } from '@invoke-ai/ui-library';
 
 export const PromptLabel = ({ label }: { label: string }) => {
   return (
-    <FormLabel color="base.450" fontSize="xs" pos="absolute" top={2} left={3}>
+    <Text variant="subtext" fontWeight="semibold" pos="absolute" top={1} left={2}>
       {label}
-    </FormLabel>
+    </Text>
   );
 };

invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx

@@ -42,9 +42,10 @@ export const ParamSDXLNegativeStylePrompt = memo(() => {
           fontSize="sm"
           variant="darkFilled"
           minH={24}
-          paddingRight={10}
+          borderTopWidth={24} // This prevents the prompt from being hidden behind the header
-          paddingLeft={3}
+          paddingInlineEnd={10}
-          paddingTop={7}
+          paddingInlineStart={3}
+          paddingTop={0}
           paddingBottom={3}
         />
         <PromptOverlayButtonWrapper>

invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx

@@ -39,9 +39,10 @@ export const ParamSDXLPositiveStylePrompt = memo(() => {
           fontSize="sm"
           variant="darkFilled"
           minH={24}
-          paddingRight={10}
+          borderTopWidth={24} // This prevents the prompt from being hidden behind the header
-          paddingLeft={3}
+          paddingInlineEnd={10}
-          paddingTop={7}
+          paddingInlineStart={3}
+          paddingTop={0}
           paddingBottom={3}
         />
         <PromptOverlayButtonWrapper>