From af29941a313e571e3b905a59b3371fc93e15b63e Mon Sep 17 00:00:00 2001
From: Mohamed Shams El-Deen <mohamedshamseldeen95@gmail.com>
Date: Wed, 16 Sep 2026 16:05:20 +0300
Subject: [PATCH] fix(ui): resolve theme toggle icon hydration mismatch

---
 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>