diff --git a/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml b/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml
index a6843bc7..d7975058 100644
--- a/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml
+++ b/ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml
@@ -19,12 +19,12 @@
                 </div>
             }
         <div class="header" id="header">@Model.Translate(TwoFactorStrings.TwoFactor)</div>
-        <input type="text" maxlength="1" id="digit1"/>
-        <input type="text" maxlength="1" id="digit2"/>
-        <input type="text" maxlength="1" id="digit3" class="middleDigit"/>
-        <input type="text" maxlength="1" id="digit4"/>
-        <input type="text" maxlength="1" id="digit5"/>
-        <input type="text" maxlength="1" id="digit6"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit1"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit2"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit3" class="middleDigit"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit4"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit5"/>
+        <input type="text" pattern="\d*" maxlength="1" id="digit6"/>
         <input type="hidden" name="code" id="code"/>
         <input type="hidden" name="redirect" value="@callbackUrl">
         @if (allowBackupCodes)
diff --git a/ProjectLighthouse/StaticFiles/css/styles.css b/ProjectLighthouse/StaticFiles/css/styles.css
index b99698d6..66782e5c 100644
--- a/ProjectLighthouse/StaticFiles/css/styles.css
+++ b/ProjectLighthouse/StaticFiles/css/styles.css
@@ -150,7 +150,8 @@ div.cardStatsUnderTitle > span {
     height: 3rem;
     text-align: center;
     border: 1px solid #d4d4d5;
-    border-radius: 5px
+    border-radius: 5px;
+    padding: 0
 }
 
 .middleDigit {