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 7766cef61..e0b23c792 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -116,13 +116,7 @@
         outline-offset: -1px;
         /* times 4 because we have the inner padding and the outter padding to consider */
         :root[zen-sidebar-expanded='true'] & {
-          &[has-animated-padding='true'] {
-            width: calc(var(--zen-sidebar-width) + var(--zen-toolbox-padding));
-          }
-
-          &:not([has-animated-padding='true']) {
-            width: calc(var(--zen-sidebar-width) - var(--zen-toolbox-padding));
-          }
+          width: calc(var(--zen-sidebar-width) - var(--zen-toolbox-padding));
         }
 
         :root[zen-single-toolbar='true'] {
diff --git a/src/browser/base/zen-components/ZenCompactMode.mjs b/src/browser/base/zen-components/ZenCompactMode.mjs
index 3707c4376..91cc9ccb1 100644
--- a/src/browser/base/zen-components/ZenCompactMode.mjs
+++ b/src/browser/base/zen-components/ZenCompactMode.mjs
@@ -193,9 +193,6 @@ var gZenCompactModeManager = {
       const titlebar = this.sidebar.querySelector('#titlebar');
       if (canAnimate) {
         this.sidebar.setAttribute('animate', 'true');
-        titlebar.setAttribute('has-animated-padding', 'true');
-      } else {
-        titlebar.removeAttribute('has-animated-padding');
       }
       this.sidebar.style.removeProperty('margin-right');
       this.sidebar.style.removeProperty('margin-left');