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 18e1117a1..5a219f020 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -28,7 +28,7 @@
       }
 
       #navigator-toolbox {
-        --zen-toolbox-max-width: 54px !important;
+        --zen-toolbox-max-width: 64px !important;
         --zen-compact-float: calc(var(--zen-element-separation) - 1px);
 
         &:not([animate='true']) {
diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs-topbuttons-fix.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs-topbuttons-fix.css
new file mode 100644
index 000000000..87eabc66c
--- /dev/null
+++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs-topbuttons-fix.css
@@ -0,0 +1,8 @@
+
+& #zen-sidebar-top-buttons:has(#zen-sidebar-top-buttons-customization-target:empty) {
+  max-height: 0 !important;
+  min-height: 0 !important;
+  opacity: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
index b9991076b..1c18afa41 100644
--- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
+++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
@@ -553,13 +553,6 @@
   :root[customizing] & #zen-sidebar-icons-wrapper {
     min-width: unset !important;
   }
-  #zen-sidebar-top-buttons:has(#zen-sidebar-top-buttons-customization-target:empty) {
-    max-height: 0 !important;
-    min-height: 0 !important;
-    opacity: 0;
-    overflow: hidden;
-    pointer-events: none;
-  }
   & #zen-sidebar-top-buttons {
     justify-content: center;
     max-height: unset !important;
@@ -964,6 +957,8 @@
     & #zen-appcontent-navbar-container {
       padding-left: var(--zen-element-separation);
     }
+
+%include vertical-tabs-topbuttons-fix.css
   }
 
   :root:not([zen-right-side='true']):not([zen-sidebar-expanded='true'])[zen-window-buttons-reversed='true'] {
@@ -986,5 +981,7 @@
     & #zen-appcontent-navbar-container {
       padding-right: var(--zen-element-separation);
     }
+
+%include vertical-tabs-topbuttons-fix.css
   }
 }
diff --git a/src/browser/base/zen-components/ZenCompactMode.mjs b/src/browser/base/zen-components/ZenCompactMode.mjs
index a59686bcb..0465546d0 100644
--- a/src/browser/base/zen-components/ZenCompactMode.mjs
+++ b/src/browser/base/zen-components/ZenCompactMode.mjs
@@ -107,7 +107,7 @@ var gZenCompactModeManager = {
     // Do this so we can get the correct width ONCE compact mode styled have been applied
     this.sidebar.setAttribute("animate", "true");
     window.requestAnimationFrame(() => {
-      let sidebarWidth = Math.max(this.sidebar.getAttribute("width"), this.sidebar.getBoundingClientRect().width);
+      let sidebarWidth = this.sidebar.getBoundingClientRect().width;
       if (canHideSidebar && isCompactMode) {
         this.sidebar.style.position = "relative";
         this.sidebar.style.transition = "margin .4s ease, opacity .4s ease";