style: account side drawer hover color

pokt-foundation · Jun 24, 2024 · 6a33de3 · 6a33de3
1 parent e77f5d8
commit 6a33de3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/app/components/AccountDrawer/AccountDrawer.module.css b/app/components/AccountDrawer/AccountDrawer.module.css
@@ -3,6 +3,6 @@
 }
 
 .drawerLink:hover {
-  background-color: alpha(var(--mantine-color-dark-7), 0.5);
+  background-color: var(--mantine-hover-color);
   text-decoration: none;
 }
diff --git a/app/components/AccountDrawer/AccountDrawer.tsx b/app/components/AccountDrawer/AccountDrawer.tsx
@@ -142,7 +142,13 @@ const AccountDrawer = ({ user }: AccountDrawerProps) => {
             </React.Fragment>
           ))}
           {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
-          <NavLink aria-label="Sign out" label="Sign out" p={8} onClick={logout} />
+          <NavLink
+            aria-label="Sign out"
+            className={classes.drawerLink}
+            label="Sign out"
+            p={8}
+            onClick={logout}
+          />
         </Stack>
       </Drawer>
       <UnstyledButton onClick={() => setIsDrawerOpen(true)}>