From a7b48f52be1486cee5a4a16de6e6c7d38f87efc1 Mon Sep 17 00:00:00 2001
From: DavDohDWP <150276629+DavDohDWP@users.noreply.github.com>
Date: Tue, 5 Nov 2024 14:03:30 +0000
Subject: [PATCH] 6 digit code

---
 .../preferences/customer-view/verify/verify-your-email.html   | 4 ++--
 .../customer-view/verify/verify-your-mobile-phone-number.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/views/preferences/customer-view/verify/verify-your-email.html b/app/views/preferences/customer-view/verify/verify-your-email.html
index 7b0b88d..d82ede8 100644
--- a/app/views/preferences/customer-view/verify/verify-your-email.html
+++ b/app/views/preferences/customer-view/verify/verify-your-email.html
@@ -21,10 +21,10 @@ <h1 class="govuk-heading-l">Verify your email</h1>
 
 
         <div class="govuk-form-group">
-          <label class="govuk-label" for="one-quarter">
+          <label class="govuk-label" for="security-code">
             6 digit code
           </label>
-          <input class="govuk-input govuk-!-width-one-quarter" id="one-quarter" name="oneQuarter" type="text">
+          <input class="govuk-input govuk-input--width-4 govuk-input--extra-letter-spacing" id="security-code" name="securityCode" type="text" autocomplete="one-time-code" inputmode="numeric">
         </div>
 
         <p><a href="resend-code">Resend email</a></p>
diff --git a/app/views/preferences/customer-view/verify/verify-your-mobile-phone-number.html b/app/views/preferences/customer-view/verify/verify-your-mobile-phone-number.html
index 4c795fa..6808694 100644
--- a/app/views/preferences/customer-view/verify/verify-your-mobile-phone-number.html
+++ b/app/views/preferences/customer-view/verify/verify-your-mobile-phone-number.html
@@ -21,10 +21,10 @@ <h1 class="govuk-heading-l">Verify your phone number</h1>
 
 
         <div class="govuk-form-group">
-          <label class="govuk-label" for="one-quarter">
+          <label class="govuk-label" for="security-code">
             6 digit code
           </label>
-          <input class="govuk-input govuk-!-width-one-quarter" id="one-quarter" name="oneQuarter" type="text">
+          <input class="govuk-input govuk-input--width-4 govuk-input--extra-letter-spacing" id="security-code" name="securityCode" type="text" autocomplete="one-time-code" inputmode="numeric">
         </div>
 
         <p><a href="resend-code">Resend text message</a></p>