diff --git a/theme/style.less b/theme/style.less
index 251472ae..fb09ef87 100644
--- a/theme/style.less
+++ b/theme/style.less
@@ -107,7 +107,7 @@
 
 
 /* Mobile */
-@media only screen and (max-width: @largestMobileScreen) {
+@media only screen and (max-width: @largestMobileEditorBreakpoint) {
     #filelist {
         background: transparent !important;
     }
@@ -117,7 +117,7 @@
 }
 
 /* Tablet */
-@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
+@media only screen and (min-width: @tabletEditorBreakpoint) and (max-width: @largestTabletEditorBreakpoint) {
     .organization {
         top: auto;
     }
@@ -129,7 +129,7 @@
 }
 
 /* Small Monitor */
-@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
+@media only screen and (min-width: @computerEditorBreakpoint) and (max-width: @largestSmallMonitorEditorBreakpoint) {
     .organization {
         top: auto;
     }
@@ -141,7 +141,7 @@
 }
 
 /* Large Monitor */
-@media only screen and (min-width: @largeMonitorBreakpoint) {
+@media only screen and (min-width: @largeMonitorEditorBreakpoint) {
     .blocklyTreeRow {
         width: 230px;
         padding-left: 1rem;