From 71d153b6464857f4282621916083776a391c9e33 Mon Sep 17 00:00:00 2001
From: koji <kk2796@nyu.edu>
Date: Mon, 6 May 2024 17:56:49 -0400
Subject: [PATCH] add password dot style

---
 app/src/atoms/InputField/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/src/atoms/InputField/index.tsx b/app/src/atoms/InputField/index.tsx
index 25ffc7883ef..abecf91cada 100644
--- 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'};
+      }
     }
   `