🚸 Fix vat input size for better placeholder visibility

baptisteArno · Feb 6, 2024 · 2fb0a4f · 2fb0a4f
1 parent 3a70d83
commit 2fb0a4f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/apps/builder/src/components/inputs/TextInput.tsx b/apps/builder/src/components/inputs/TextInput.tsx
@@ -45,6 +45,7 @@ export type TextInputProps = {
   | 'autoFocus'
   | 'size'
   | 'maxWidth'
+  | 'flexShrink'
 >
 
 export const TextInput = forwardRef(function TextInput(
@@ -68,6 +69,7 @@ export const TextInput = forwardRef(function TextInput(
     maxWidth,
     direction = 'column',
     width,
+    flexShrink,
   }: TextInputProps,
   ref
 ) {
@@ -145,6 +147,7 @@ export const TextInput = forwardRef(function TextInput(
       justifyContent="space-between"
       width={label || width === 'full' ? 'full' : 'auto'}
       spacing={direction === 'column' ? 2 : 3}
+      flexShrink={flexShrink}
     >
       {label && (
         <FormLabel display="flex" flexShrink={0} gap="1" mb="0" mr="0">

diff --git a/apps/builder/src/features/billing/components/PreCheckoutModal.tsx b/apps/builder/src/features/billing/components/PreCheckoutModal.tsx
@@ -161,6 +161,7 @@ export const PreCheckoutModal = ({
                   withVariableButton={false}
                   debounceTimeout={0}
                   placeholder={vatValuePlaceholder}
+                  flexShrink={0}
                 />
               </HStack>
             </FormControl>