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 8cc644ffe..c28c23e51 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -33,6 +33,14 @@
       display: none !important;
     }
 
+    &:not([zen-window-buttons-reversed='true']) #zen-appcontent-navbar-container #nav-bar {
+      margin-left: var(--zen-element-separation) !important;
+    }
+
+    &[zen-window-buttons-reversed='true'] #zen-appcontent-navbar-container #nav-bar {
+      margin-right: var(--zen-element-separation) !important;
+    }
+
     #navigator-toolbox {
       --zen-toolbox-max-width: 64px !important;
       --zen-compact-float: var(--zen-element-separation);
@@ -75,8 +83,10 @@
         * we need to adjust the top-padding of the toolbox to account for the
         * extra toolbar height. */
     @media not -moz-pref('zen.view.compact.hide-toolbar') {
-      &:not([zen-single-toolbar='true']) #navigator-toolbox:not([animate='true']) {
-        margin-top: var(--zen-toolbar-height) !important;
+      &:not([zen-single-toolbar='true']) {
+        #navigator-toolbox:not([animate='true']) {
+          margin-top: var(--zen-toolbar-height) !important;
+        }
       }
     }
 
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 d7b79b8ab..337bfd515 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
@@ -636,6 +636,7 @@
 #navigator-toolbox:not([zen-sidebar-expanded='true']) {
   max-width: var(--zen-toolbox-max-width) !important;
   min-width: var(--zen-toolbox-max-width) !important;
+  padding-bottom: var(--zen-toolbox-padding);
   & .zen-current-workspace-indicator-name,
   & .toolbarbutton-text {
     display: none !important;