diff --git a/app/assets/stylesheets/components/_totp-setup.scss b/app/assets/stylesheets/components/_totp-setup.scss
index 914af86e..67d0c932 100644
--- a/app/assets/stylesheets/components/_totp-setup.scss
+++ b/app/assets/stylesheets/components/_totp-setup.scss
@@ -1,3 +1,8 @@
+%totp-input {
+  font-family: "Monaco", "Inconsolata", "Cascadia Code", "Consolas", monospace;
+  width: 86px;
+}
+
 .totp-setup {
   &__card {
     background: var(--primary);
@@ -36,7 +41,10 @@
   }
 
   &__code-field {
-    font-family: "Monaco", "Inconsolata", "Cascadia Code", "Consolas", monospace;
-    width: 86px;
+    @extend %totp-input;
   }
+}
+
+#user_otp_attempt {
+  @extend %totp-input;
 }
\ No newline at end of file