diff --git a/src/browser/base/content/zen-styles/zen-browser-ui.css b/src/browser/base/content/zen-styles/zen-browser-ui.css
index 078b79838..10d3852d0 100644
--- a/src/browser/base/content/zen-styles/zen-browser-ui.css
+++ b/src/browser/base/content/zen-styles/zen-browser-ui.css
@@ -31,6 +31,7 @@
 
 #browser {
   width: 100%;
+  background: var(--zen-main-browser-background);
 }
 
 #sidebar-box {
@@ -40,14 +41,16 @@
 
 
 @supports (-moz-osx-font-smoothing: auto) {
-  #zen-main-app-wrapper {
+  #zen-main-app-wrapper,
+  #zen-appcontent-wrapper,
+  #zen-sidebar-splitter {
     appearance: -moz-window-titlebar !important;
   }
 }
 
 #zen-main-app-wrapper {
-  background: var(--zen-main-browser-background);
-
+  background: transparent;
+  
   & > * {
     z-index: 1;
   }
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 43d898e02..c0129e5fa 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -55,8 +55,10 @@
         padding: var(--zen-toolbox-padding) !important;
         position: relative;
         background: var(--zen-dialog-background);
+        border: 1px solid var(--zen-colors-border);
 
         @media (-moz-bool-pref: 'zen.view.compact.color-sidebar') {
+          --zen-themed-toolbar-bg-transparency: 1 !important;
           background: var(--zen-main-browser-background) !important;
           background-attachment: fixed !important;
           background-size: 2000px !important; /* Dont ask me why */
@@ -133,6 +135,7 @@
         background: var(--zen-dialog-background);
 
         @media (-moz-bool-pref: 'zen.view.compact.color-toolbar') {
+          --zen-themed-toolbar-bg-transparency: 1 !important;
           background-attachment: fixed;
           backdrop-filter: blur(5px);
           background: var(--zen-main-browser-background);
diff --git a/src/browser/base/content/zen-styles/zen-single-components.css b/src/browser/base/content/zen-styles/zen-single-components.css
index 8fe8fe2f7..942334204 100644
--- a/src/browser/base/content/zen-styles/zen-single-components.css
+++ b/src/browser/base/content/zen-styles/zen-single-components.css
@@ -9,6 +9,7 @@
 /* Watermark */
 
 #zen-watermark {
+  --zen-themed-toolbar-bg-transparency: 1 !important;
   position: absolute;
   top: 0;
   left: 0;
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 f56f95b12..35e38efc3 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
@@ -600,6 +600,7 @@
         z-index: 100 !important;
         width: 250px !important;
         
+        --zen-themed-toolbar-bg-transparency: 1 !important;
         background: var(--zen-main-browser-background) !important;
         background-attachment: fixed !important;
         background-size: 2000px !important; /* Dont ask me why */
diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css
index 72c851854..07aae66de 100644
--- a/src/browser/base/content/zen-styles/zen-theme.css
+++ b/src/browser/base/content/zen-styles/zen-theme.css
@@ -129,7 +129,8 @@
   --zen-themed-toolbar-bg: light-dark(#f7f7f7, var(--zen-colors-tertiary));
 
   @supports (-moz-osx-font-smoothing: auto) {
-    --zen-themed-toolbar-bg: light-dark(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2)) !important;
+    --zen-themed-toolbar-bg-transparency: 0.2;
+    --zen-themed-toolbar-bg: light-dark(rgba(255, 255, 255, var(--zen-themed-toolbar-bg-transparency)), rgba(0, 0, 0, var(--zen-themed-toolbar-bg-transparency)));
   }
 
   --toolbar-field-background-color: var(--zen-colors-input-bg) !important;