diff --git a/src/out/admin/src/css/d3totplogin.css b/src/out/admin/src/css/d3totplogin.css
index ec4e141..a6abf7e 100644
--- a/src/out/admin/src/css/d3totplogin.css
+++ b/src/out/admin/src/css/d3totplogin.css
@@ -25,13 +25,15 @@
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
+    justify-content: center;
 }
 
 #login .digit {
     height: 3em;
-    width: 14%;
+    width: 2em;
     margin: 0 2px;
     text-align: center;
+    font-size: 1.5em;
 }
 
 #login .digit:nth-of-type(4) {
diff --git a/src/out/flow/src/css/d3totplogin.css b/src/out/flow/src/css/d3totplogin.css
index 077e2c8..cbcd949 100644
--- a/src/out/flow/src/css/d3totplogin.css
+++ b/src/out/flow/src/css/d3totplogin.css
@@ -32,13 +32,15 @@
     display: flex;
     flex-direction: row;
     margin: 20px 0;
+    justify-content: center;
 }
 
 #login .digit {
-    width: 3em;
+    width: 2em;
     margin: 0 2px;
     text-align: center;
-    height: 4em;
+    height: 3em;
+    font-size: 1.5em;
 }
 
 #login .digit:nth-of-type(4) {