diff --git a/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss b/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss
index 72de56b569..0aa615ba33 100644
--- a/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss
+++ b/frontend/components/side_panels/SecondarySidePanelContainer/_styles.scss
@@ -14,6 +14,6 @@
   padding-top: $pad-base;
 
   @include breakpoint(smalldesk) {
-    width: 300px;
+    width: $sidepanel-tablet-width;
   }
 }
diff --git a/frontend/styles/global/_global.scss b/frontend/styles/global/_global.scss
index ad6fe972d7..3d99f062a7 100644
--- a/frontend/styles/global/_global.scss
+++ b/frontend/styles/global/_global.scss
@@ -77,7 +77,7 @@ a {
     max-width: calc(100vw - #{$nav-width} - #{$pad-base} - #{$pad-base} - #{$sidepanel-width});
 
     @include breakpoint(smalldesk) {
-      max-width: calc(100vw - #{$nav-tablet-width} - #{$pad-base} - #{$pad-base} - #{$sidepanel-width});
+      max-width: calc(100vw - #{$nav-tablet-width} - #{$pad-base} - #{$pad-base} - #{$sidepanel-tablet-width});
     }
   }
 }
diff --git a/frontend/styles/var/_global.scss b/frontend/styles/var/_global.scss
index 1bd81b000f..1bed5e8acb 100644
--- a/frontend/styles/var/_global.scss
+++ b/frontend/styles/var/_global.scss
@@ -4,3 +4,4 @@ $nav-width: 240px;
 $nav-tablet-width: 55px;
 $base-font-size: 16;
 $sidepanel-width: 320px;
+$sidepanel-tablet-width: 300px;