fix input field focus-visible

Opentrons · May 3, 2024 · b758655 · b758655
1 parent 6395a28
commit b758655
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/app/src/atoms/InputField/index.tsx b/app/src/atoms/InputField/index.tsx
@@ -149,11 +149,10 @@ function Input(props: InputFieldProps): JSX.Element {
         ${hasError ? COLORS.red50 : COLORS.grey60};
     }
 
-    &:focus-visible {
-      border: 1px ${BORDERS.styleSolid}
-        ${hasError ? COLORS.red50 : COLORS.grey60};
+    &&:focus-visible {
+      border: 1px ${BORDERS.styleSolid} ${COLORS.grey55};
       outline: 2px ${BORDERS.styleSolid} ${COLORS.blue50};
-      outline-offset: 3px;
+      outline-offset: 2px;
     }
 
     &:focus-within {