diff --git a/pass/public/styles/index.less b/pass/public/styles/index.less
index 0c78d1cd598004189c27718f9ea43eb4ad28f48f..10e74b384ee8b82465767b4f2e5b7a09a43d6d6f 100644
--- a/pass/public/styles/index.less
+++ b/pass/public/styles/index.less
@@ -99,7 +99,7 @@
     @media (max-width: @breakpoint-hero-medium) {
       grid-template-columns: 1fr 1fr;
       grid-template-rows: auto auto auto auto;
-      grid-template-areas: "heading heading" "text list" "call-to-action list" "search-logo search-logo";
+      grid-template-areas: "search-logo search-logo" "heading heading" "text list" "call-to-action list";
 
       > h1 {
         text-align: center;
@@ -118,7 +118,7 @@
       }
 
       > div.search-logo {
-        padding: 4rem 1rem 1rem 1rem;
+        padding: 0 1rem 3rem 1rem;
       }
     }
   }
@@ -127,7 +127,7 @@
     > .container {
       grid-template-columns: 1fr;
       grid-template-rows: auto auto auto auto auto;
-      grid-template-areas: "heading" "text" "list" "call-to-action " "search-logo";
+      grid-template-areas: "search-logo" "heading" "text" "list" "call-to-action";
 
       > p {
         text-align: center;