diff --git a/src/styles/theme/content.scss b/src/styles/theme/content.scss
index bff3b893..d013dc98 100644
--- a/src/styles/theme/content.scss
+++ b/src/styles/theme/content.scss
@@ -9,7 +9,7 @@
     z-index: 2;
 
     &.is-menu-enabled {
-      margin-left: 17vw;
+      margin-left: $navbar-width;
     }
 
     @media screen and (max-width: $tablet) {
diff --git a/src/styles/theme/variables.scss b/src/styles/theme/variables.scss
index bb46b809..11133a6a 100644
--- a/src/styles/theme/variables.scss
+++ b/src/styles/theme/variables.scss
@@ -50,6 +50,6 @@ $user-dropdown-width-mobile: 4rem;
 $hamburger-menu-icon-spacing: 1rem;
 $hamburger-menu-icon-width: 28px;
 $navbar-height: 4rem;
-$navbar-width: 17vw;
+$navbar-width: 300px;
 
 $editor-border-color: #ddd;