diff --git a/src/browser/base/content/zen-styles/zen-decks.css b/src/browser/base/content/zen-styles/zen-decks.css
index 0ae54b458..4c473c8a7 100644
--- a/src/browser/base/content/zen-styles/zen-decks.css
+++ b/src/browser/base/content/zen-styles/zen-decks.css
@@ -16,15 +16,16 @@
   margin: 0;
 }
 #zen-splitview-dropzone {
-  background: red;
-  opacity: .5;
-  position: absolute;
-  margin: calc(var(--zen-split-column-gap) / 2) calc(var(--zen-split-row-gap) / 2);
   border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
   transition: inset ease-out .08s;
+  display: none;
+  background-color: color-mix(in srgb, var(--zen-colors-secondary) 30%, transparent 70%);
+}
+#zen-splitview-dropzone[enabled='true'] {
+  display: initial;
 }
 
-#tabbrowser-tabpanels[zen-split-view='true'] > [zen-split='true'] {
+#tabbrowser-tabpanels[zen-split-view='true'] > [zen-split='true'], #zen-splitview-dropzone {
   flex: 1;
   margin: calc(var(--zen-split-column-gap) / 2) calc(var(--zen-split-row-gap) / 2);
   position: absolute !important;