From ecb4f6a9ce4f129dc50a7aae6c9f5a4088c986d5 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Wed, 16 Nov 2022 21:49:31 -0800
Subject: [PATCH] matched button hover styling for dark toggle

---
 src/components/UI/Header.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/UI/Header.tsx b/src/components/UI/Header.tsx
index 78bd77f3be..4df7e9ad65 100644
--- a/src/components/UI/Header.tsx
+++ b/src/components/UI/Header.tsx
@@ -100,6 +100,10 @@ export const Header: FC = () => {
           borderRight={{ base: '2px', md: 'none' }}
           borderColor='primary'
           onClick={toggleColorMode}
+          _hover={{
+            bg: 'primary',
+            svg: { color: 'bg' }
+          }}
         >
           {isDark ? <SunIcon color='primary' /> : <MoonIcon color='primary' />}
         </Box>