diff --git a/web/src/less/signin.less b/web/src/less/signin.less
index 926ade62..101eee17 100644
--- a/web/src/less/signin.less
+++ b/web/src/less/signin.less
@@ -35,7 +35,7 @@
           @apply absolute top-3 left-3 px-1 leading-10 flex-shrink-0 text-base cursor-text text-gray-400 bg-transparent transition-all select-none;
 
           &.not-null {
-            @apply text-sm top-0 leading-4 bg-white rounded;
+            @apply text-sm top-0 z-10 leading-4 bg-white rounded;
           }
         }
 
diff --git a/web/src/pages/Signin.tsx b/web/src/pages/Signin.tsx
index f15bf21d..660cc265 100644
--- a/web/src/pages/Signin.tsx
+++ b/web/src/pages/Signin.tsx
@@ -122,7 +122,7 @@ const Signin: React.FC<Props> = () => {
         </div>
         <div className={`page-content-container ${actionBtnLoadingState.isLoading ? "requesting" : ""}`}>
           <div className="form-item-container input-form-container">
-            <span className={`normal-tex ${email ? "not-null" : ""}`}>Email</span>
+            <span className={`normal-text ${email ? "not-null" : ""}`}>Email</span>
             <input type="email" value={email} onChange={handleEmailInputChanged} />
           </div>
           <div className="form-item-container input-form-container">