diff --git a/services/web/frontend/stylesheets/app/editor/left-menu.less b/services/web/frontend/stylesheets/app/editor/left-menu.less
index 05c5c1a2fa..2af6f1dfaf 100644
--- a/services/web/frontend/stylesheets/app/editor/left-menu.less
+++ b/services/web/frontend/stylesheets/app/editor/left-menu.less
@@ -11,7 +11,7 @@
   -webkit-transition: left ease-in-out @left-menu-animation-duration;
   transition: left ease-in-out @left-menu-animation-duration;
   font-size: 14px;
-  left: -280px;
+  left: -@left-menu-width;
 
   &.shown {
     left: 0;
@@ -206,7 +206,7 @@
     position: initial;
   }
   &.modal.fade .modal-dialog {
-    left: -280px;
+    left: -@left-menu-width;
     transition: left ease-in-out @left-menu-animation-duration;
     -webkit-transition: left ease-in-out @left-menu-animation-duration;
     transform: translate(0, 0);
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index 8bd520aa41..d2db2a0fd9 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/services/web/frontend/stylesheets/core/variables.less
@@ -873,7 +873,7 @@
 
 @content-margin-vertical: @line-height-computed;
 
-@left-menu-width: 260px;
+@left-menu-width: 320px;
 @left-menu-animation-duration: 0.35s;
 
 @toolbar-border-color: @ol-blue-gray-5;
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index b8e7611eef..eeda88d34d 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -694,7 +694,7 @@
 
 @content-margin-vertical: @line-height-computed;
 
-@left-menu-width: 260px;
+@left-menu-width: 320px;
 @left-menu-animation-duration: 0.35s;
 
 @toolbar-border-color: @neutral-80;