diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components
index 2e098ebf1..1236b0e42 160000
--- a/src/browser/base/content/zen-components
+++ b/src/browser/base/content/zen-components
@@ -1 +1 @@
-Subproject commit 2e098ebf17aefdcd374ecf6f17a0a220ce556653
+Subproject commit 1236b0e424c7653563e12d245edc975d67622f0c
diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css
index 4c3c51af8..996d97afa 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -48,12 +48,12 @@
   #zen-sidebar-web-panel-wrapper:not(:has(#zen-sidebar-web-panel[hidden="true"])),
   #sidebar-box:not([positionend="true"]) {
     margin-right: 0 !important;
-    margin-left: 10px !important;
+    margin-left: calc(var(--zen-sidebar-web-panel-spacing) / 2) !important;
   }
 
   #sidebar-box[positionend="true"] {
     margin-left: 0 !important;
-    margin-right: 10px !important;
+    margin-right: var(--zen-sidebar-web-panel-spacing) !important;
   }
 
   #sidebar-splitter {
@@ -106,7 +106,7 @@
   #PersonalToolbar[collapsed="true"]{ display: none }
 
   :root:not([inDOMFullscreen="true"]) #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
-    margin-left: var(--zen-element-separation);
+    margin-left: var(--zen-element-separation) !important;
   }
 
   @media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {