Fixed tab overlflow changing the height of the web view

src/browser/app/profile/zen-browser.js

@@ -222,9 +222,10 @@ pref("privacy.resistFingerprinting.letterboxing.dimensions", "");
 pref("devtools.accessibility.enabled", false);
 
 // Enable GPU by default
-pref('gfx.webrender.all', true);
+//pref('gfx.webrender.all', true);
 pref("gfx.canvas.accelerated", true);
 pref("media.hardware-video-decoding.enabled", true);
+pref("layers.gpu-process.enabled", true);
 
 // VAAPI/FFMPEG is Linux only
 #ifdef XP_UNIX

src/browser/base/content/ZenStartup.mjs

@@ -71,7 +71,7 @@
       tabs.style.maxHeight = '0px'; // reset to 0
       const toolbarRect = toolbarItems.getBoundingClientRect();
       // -5 for the controls padding
-      let totalHeight = toolbarRect.height - this.contentElementSeparation;
+      let totalHeight = toolbarRect.height - (this.contentElementSeparation * 2) - 5;
       // remove the height from other elements that aren't hidden
       const otherElements = document.querySelectorAll('#tabbrowser-tabs > *:not([hidden="true"])');
       for (let tab of otherElements) {

src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css

@@ -119,10 +119,11 @@
 
   #zen-sidebar-icons-wrapper {
     background: transparent;
-    padding: 0;
     gap: 5px;
     align-items: center;
 
+    padding-top: var(--zen-element-separation);
+
     & > toolbarbutton:not(#zen-workspaces-button) {
       padding: 0 !important;
     }