diff --git a/app/views/layouts/base.html.erb b/app/views/layouts/base.html.erb
index 1e7bad4dbf..137326ac5f 100644
--- a/app/views/layouts/base.html.erb
+++ b/app/views/layouts/base.html.erb
@@ -184,7 +184,7 @@ See docs/COPYRIGHT.rdoc for more details.
     <%= nonced_javascript_tag do %>
     (function($) {
       var wrapper = $('#wrapper');
-      if (window.sessionStorage.getItem('openproject:navigation-toggle') === 'collapsed') {
+      if (window.sessionStorage.getItem('openproject:navigation-toggle') === 'collapsed' || window.innerWidth < 680) {
         $('.can-hide-navigation').addClass('hidden-navigation');
       }
 
diff --git a/frontend/app/init-app.ts b/frontend/app/init-app.ts
index 0f299194e0..83001ee442 100644
--- a/frontend/app/init-app.ts
+++ b/frontend/app/init-app.ts
@@ -126,7 +126,7 @@ openprojectModule
         $rootScope.DOUBLE_LEFT_CURLY_BRACE = ExpressionService.UNESCAPED_EXPRESSION;
 
         if ($window.innerWidth < 680) {
-          // On mobile sized screens navigation shall allways be callapsed when
+          // On mobile sized screens navigation shall always be collapsed when
           // window loads.
           $rootScope.showNavigation = false;
         } else {