diff --git a/app/assets/stylesheets/views/webauthn.scss b/app/assets/stylesheets/views/webauthn.scss
index 3e0de527e..7f47049b0 100644
--- a/app/assets/stylesheets/views/webauthn.scss
+++ b/app/assets/stylesheets/views/webauthn.scss
@@ -23,3 +23,13 @@
     display: block;
   }
 }
+
+.webauthn-illustration {
+
+  @include media-down(mobile) {
+    margin: govuk-spacing(6) govuk-spacing(9) 0 govuk-spacing(9);
+  }
+
+  margin: govuk-spacing(9) auto 0 auto;
+
+}
diff --git a/app/templates/views/user-profile/security-keys.html b/app/templates/views/user-profile/security-keys.html
index 59b30ce0a..fc249b8f1 100644
--- a/app/templates/views/user-profile/security-keys.html
+++ b/app/templates/views/user-profile/security-keys.html
@@ -80,7 +80,7 @@
         }) }}
       </div>
       <div class="govuk-grid-column-one-quarter">
-        <img src="{{ asset_url('images/security-key.svg') }}" alt="" class="govuk-!-margin-top-9">
+        <img src="{{ asset_url('images/security-key.svg') }}" alt="" class="webauthn-illustration">
       </div>
       {% endif %}
     </div>