diff --git a/app/assets/stylesheets/includes/desktop.scss b/app/assets/stylesheets/includes/desktop.scss
index 5c1d900..339d5bd 100644
--- a/app/assets/stylesheets/includes/desktop.scss
+++ b/app/assets/stylesheets/includes/desktop.scss
@@ -18,10 +18,17 @@
       &.branding {
         flex-direction: row;
 
+        img {
+          &.header-logo {
+            vertical-align: middle;
+            width: 315px;
+          }
+        }
+
         span {
           &.site-name {
             padding-left: $margin;
-            padding-top: $sitename-baseline-adjust;
+            vertical-align: middle;
           }
         }
       }
diff --git a/app/assets/stylesheets/includes/main.scss b/app/assets/stylesheets/includes/main.scss
index 764fb5a..1d8cf94 100644
--- a/app/assets/stylesheets/includes/main.scss
+++ b/app/assets/stylesheets/includes/main.scss
@@ -60,24 +60,16 @@ header {
   div {
     &.branding {
       display: flex;
-      flex-direction: column;
-
-      a {
-        display: contents;
-      }
 
       img {
         &.header-logo {
-          display: block;
           height: 52px;
-          width: 315px;
         }
       }
 
       span {
         &.site-name {
           color: $color-site-name;
-          display: block;
           font-size: $font-size-large;
           letter-spacing: $margin-small;
           text-transform: uppercase;
diff --git a/app/assets/stylesheets/includes/mobile.scss b/app/assets/stylesheets/includes/mobile.scss
index 7051508..894e78d 100644
--- a/app/assets/stylesheets/includes/mobile.scss
+++ b/app/assets/stylesheets/includes/mobile.scss
@@ -16,6 +16,18 @@
         flex-direction: column;
         padding: $margin-2xl;
 
+        a {
+          text-align: center;
+        }
+
+        img {
+          &.header-logo {
+            display: block;
+            width: 100%;
+            max-width: 315px;
+          }
+        }
+
         span {
           &.site-name {
             padding-left: $margin-small;