From a3032d28692b965f5d03c978a18fda43ff7ec194 Mon Sep 17 00:00:00 2001
From: Mohamed Shams El-Deen <68347231+moshams272@users.noreply.github.com>
Date: Sat, 19 Sep 2026 15:49:16 +0000
Subject: [PATCH] fix(ui): resolve theme toggle icon hydration mismatch (#9160)

---
 packages/ui-components/src/Common/ThemeToggle/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui-components/src/Common/ThemeToggle/index.tsx b/packages/ui-components/src/Common/ThemeToggle/index.tsx
index 401f1472e4bad..adf2da435e05f 100644
--- a/packages/ui-components/src/Common/ThemeToggle/index.tsx
+++ b/packages/ui-components/src/Common/ThemeToggle/index.tsx
@@ -43,7 +43,7 @@ const ThemeToggle: FC<ThemeToggleProps> = ({
           className={styles.themeToggle}
           aria-label={ariaLabel}
         >
-          <TriggerIcon height="20" />
+          <TriggerIcon key={currentTheme} height="20" />
         </button>
       </DropdownMenu.Trigger>