diff --git a/website/client/src/components/static/header.vue b/website/client/src/components/static/header.vue
index b81b6ce20e..339c3678c7 100644
--- a/website/client/src/components/static/header.vue
+++ b/website/client/src/components/static/header.vue
@@ -139,13 +139,6 @@
 <style lang='scss' scoped>
   @import '~@/assets/scss/colors.scss';
 
-  @media only screen and (max-width : 750px) {
-    .login-button {
-      margin: 0 auto !important;
-      margin-top: 18px !important;
-    }
-  }
-
   .habitica-logo {
     height: 64px;
     margin: 28px auto 0px auto;
@@ -165,7 +158,7 @@
 
   nav.navbar {
     background: $purple-100 url(~@/assets/svg/for-css/bits.svg) right no-repeat;
-    padding-left: 25px;
+    padding-left: 24px;
     padding-right: 12.5px;
     height: 56px;
     box-shadow: 0 1px 2px 0 rgba($black, 0.24);
@@ -265,6 +258,16 @@
       }
     }
   }
+
+  @media only screen and (max-width : 750px) {
+    .login-button {
+      margin: 0 auto !important;
+      margin-top: 18px !important;
+    }
+    .habitica-logo {
+      margin: 4px auto 0px auto;
+    }
+  }
 </style>
 
 <script>