fix: hover-off transition on color toggle

ethereum · Aug 30, 2024 · 47c36f6 · 47c36f6
1 parent 81b80c6
commit 47c36f6
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}