add password dot style

Opentrons · May 6, 2024 · 71d153b · 71d153b
1 parent 065d860
commit 71d153b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/app/src/atoms/InputField/index.tsx b/app/src/atoms/InputField/index.tsx
@@ -59,7 +59,7 @@ export interface InputFieldProps {
   /** blur handler */
   onBlur?: (event: React.FocusEvent<HTMLInputElement>) => unknown
   /** makes input field read-only */
-  readOnly?: boolean | undefined
+  readOnly?: boolean
   /** html tabindex property */
   tabIndex?: number
   /** automatically focus field on renders */
@@ -197,6 +197,11 @@ function Input(props: InputFieldProps): JSX.Element {
           ? TYPOGRAPHY.lineHeight36
           : TYPOGRAPHY.lineHeight48};
       }
+
+      /* the size of dot for password is handled by font-size */
+      input[type='password'] {
+        font-size: ${size === 'small' ? '56px' : '62px'};
+      }
     }
   `