fix for autofill covering border (#4573)

2024-06-19 23:42:12 +01:00 · 2024-06-19 23:42:12 +01:00 · 5c31859f7b
parent 73fc0094dd
commit 5c31859f7b
1 changed files with 7 additions and 0 deletions
--- a/src/components/forms/TextField.tsx
+++ b/src/components/forms/TextField.tsx
@ -196,6 +196,13 @@ export function createInput(Component: typeof TextInput) {
              textAlignVertical: rest.multiline ? 'top' : undefined,
              minHeight: rest.multiline ? 80 : undefined,
            },
+            // fix for autofill styles covering border
+            web({
+              paddingTop: 12,
+              paddingBottom: 12,
+              marginTop: 2,
+              marginBottom: 2,
+            }),
            android({
              paddingBottom: 16,
            }),