Merge pull request #13755 from ethereum/icon-transition

fix: hover-off transition on color toggle
ethereum · Sep 4, 2024 · 04ecab9 · 04ecab9
2 parents bf84b58 + 47c36f6
commit 04ecab9
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/Nav/Desktop/index.tsx b/src/components/Nav/Desktop/index.tsx
@@ -59,6 +59,11 @@ const DesktopNavMenu = ({ toggleColorMode }: DesktopNavMenuProps) => {
         variant="ghost"
         isSecondary
         px={{ base: "2", xl: "3" }}
+        sx={{
+          "& > svg": {
+            transition: "transform 0.5s, color 0.2s",
+          },
+        }}
         _hover={desktopHoverFocusStyles}
         _focus={desktopHoverFocusStyles}
         onClick={toggleColorMode}