diff --git a/app/assets/stylesheets/views/webauthn.scss b/app/assets/stylesheets/views/webauthn.scss
index 2afc6e3fc..dd68a2ed7 100644
--- a/app/assets/stylesheets/views/webauthn.scss
+++ b/app/assets/stylesheets/views/webauthn.scss
@@ -26,13 +26,15 @@
 
 .webauthn-illustration {
 
-  @include media-down(mobile) {
-    box-sizing: border-box;
-    margin: govuk-spacing(6) auto 0 auto;
-    padding: 0 govuk-spacing(9) 0 govuk-spacing(9);
+  @include govuk-media-query($from: tablet) {
+    margin: govuk-spacing(9) auto 0 auto;
+    padding: 0;
   }
 
+  box-sizing: border-box;
   width: 100%;
-  margin: govuk-spacing(9) auto 0 auto;
+  height: 100%;
+  margin: govuk-spacing(6) auto 0 auto;
+  padding: 0 govuk-spacing(9) 0 govuk-spacing(9);
 
 }