From fb00df5d738bcb8df44062f4e94ef64179fa2ec8 Mon Sep 17 00:00:00 2001
From: "mr. m" <91018726+mr-cheffy@users.noreply.github.com>
Date: Tue, 24 Mar 2026 23:49:38 +0100
Subject: [PATCH] no-bug: Make sure to flush the document styles when showing
 essentials promo (gh-12908)

---
 src/browser/themes/shared/zen-icons/icons.css | 3 ++-
 src/zen/tabs/ZenEssentialsPromo.mjs           | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/browser/themes/shared/zen-icons/icons.css b/src/browser/themes/shared/zen-icons/icons.css
index 11927b00c..529519880 100644
--- a/src/browser/themes/shared/zen-icons/icons.css
+++ b/src/browser/themes/shared/zen-icons/icons.css
@@ -84,7 +84,8 @@
   max-height: 16px;
 }
 
-#appMenu-translate-button {
+#appMenu-translate-button,
+#translations-button-icon {
   list-style-image: url("translations.svg") !important;
 }
 
diff --git a/src/zen/tabs/ZenEssentialsPromo.mjs b/src/zen/tabs/ZenEssentialsPromo.mjs
index a62d1481e..c8e0c9397 100644
--- a/src/zen/tabs/ZenEssentialsPromo.mjs
+++ b/src/zen/tabs/ZenEssentialsPromo.mjs
@@ -61,6 +61,8 @@ export function createZenEssentialsPromo(container = undefined) {
   const element = document.createXULElement(TAG_NAME);
   section.appendChild(element);
   section.essentialsPromo = element;
+  // Trigger re-calculation of pinned height to avoid any flickering
+  void section.offsetHeight;
   updatePinnedHeight();
   return "created";
 }