diff --git a/assets/components/header/header.vue b/assets/components/header/header.vue
index 117e7f24..de8632cc 100644
--- a/assets/components/header/header.vue
+++ b/assets/components/header/header.vue
@@ -1,6 +1,6 @@
 <template>
     <header class="header">
-        <div>
+        <div class="header-nav">
             <router-link
                 to="/home"
                 class="logo-link"
@@ -106,6 +106,11 @@ export default {
     font-size: 0;
 }
 
+.header-nav {
+    display: flex;
+    align-items: center;
+}
+
 .logo-link {
     color: inherit;
     display: inline-block;
@@ -114,8 +119,8 @@ export default {
 
 .logo {
     display: inline-block;
-    padding: 0 0 0 1rem;
-    margin: 0 .5rem 0 0;
+    padding: .75rem 0 .75rem 1rem;
+    margin: 0 1rem 0 0;
 
     .icon {
         width: 6rem;