diff --git a/src/App.vue b/src/App.vue
index 8e6cbb9e8b..0e882678e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,6 +49,9 @@
 				<div class="app-container">
 					<div class="namespace-container" :class="{'is-active': mobileMenuActive}">
 						<div class="menu top-menu">
+							<router-link :to="{name: 'home'}" class="logo">
+								<img src="/images/logo-full.svg" alt="Vikunja"/>
+							</router-link>
 							<ul class="menu-list">
 								<li>
 									<router-link :to="{ name: 'home'}">
diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss
index e85bd4e306..1039b1e333 100644
--- a/src/styles/theme/navigation.scss
+++ b/src/styles/theme/navigation.scss
@@ -25,7 +25,9 @@
 
     @media screen and (max-width: $tablet) {
       .navbar-brand {
-        margin-left: 3em;
+        // This prevents the user icon from snapping to the left into the menu button
+        width: 0;
+        overflow: hidden;
       }
     }
 
@@ -197,6 +199,14 @@
           }
         }
       }
+
+      .logo {
+        display: none;
+
+        @media screen and (max-width: $tablet) {
+          display: block;
+        }
+      }
     }
 
     .top-menu {