diff --git a/resources/base.scss b/resources/base.scss
index 30b104a..70ad269 100644
--- a/resources/base.scss
+++ b/resources/base.scss
@@ -229,6 +229,12 @@ nav {
             text-transform: uppercase;
             position: relative;
 
+            &.home-nav-element {
+                display: flex;
+                align-items: center;
+                margin-right: 1em;
+            }
+
             &.home-nav-element a {
                 padding: 0;
                 height: 44px;
diff --git a/templates/base.html b/templates/base.html
index 2140eb6..e595387 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -213,7 +213,7 @@
       <div id="nav-container" style="display: flex">
         <span id="navicon"><i class="fa fa-bars"></i></span>
         <ul id="nav-list">
-          <li class="home-nav-element" style="margin-right: 1em"><a href="{{ url('home') }}">{% include "site-logo-fragment.html" %}</a></li>
+          <li class="home-nav-element"><a href="{{ url('home') }}">{% include "site-logo-fragment.html" %}</a></li>
           <li class="home-menu-item"><a href="{{ url('home') }}" class="nav-home">{{ _('Home') }}</a></li>
           {% for node in mptt_tree(nav_bar) recursive %}
             <li>