From eee51216b99d4d32eef5fd36196524be08e90903 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Wed, 15 Mar 2023 13:25:47 +0900
Subject: [PATCH] Fix icon button hover

---
 front/packages/primitives/src/icons.tsx | 2 +-
 front/packages/ui/src/browse/header.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/packages/primitives/src/icons.tsx b/front/packages/primitives/src/icons.tsx
index c29f969d..7f0cc27d 100644
--- a/front/packages/primitives/src/icons.tsx
+++ b/front/packages/primitives/src/icons.tsx
@@ -90,7 +90,7 @@ export const IconButton = forwardRef(function _IconButton<AsProps = PressablePro
 					borderRadius: 9999,
 					fover: {
 						self: {
-							bg: (theme: Theme) => alpha(theme.contrast, 0.5),
+							bg: (theme: Theme) => theme.overlay0,
 						},
 					},
 				},
diff --git a/front/packages/ui/src/browse/header.tsx b/front/packages/ui/src/browse/header.tsx
index eeefadfd..cbc5ba3c 100644
--- a/front/packages/ui/src/browse/header.tsx
+++ b/front/packages/ui/src/browse/header.tsx
@@ -88,14 +88,14 @@ export const BrowseSettings = ({
 					onPress={() => setLayout(Layout.Grid)}
 					color={layout == Layout.Grid ? theme.accent : undefined}
 					{...tooltip(t("browse.switchToGrid"))}
-					{...css({ paddingX: ts(0.5) })}
+					{...css({ padding: ts(0.5), marginY: "auto" })}
 				/>
 				<IconButton
 					icon={ViewList}
 					onPress={() => setLayout(Layout.List)}
 					color={layout == Layout.List ? theme.accent : undefined}
 					{...tooltip(t("browse.switchToList"))}
-					{...css({ paddingX: ts(0.5) })}
+					{...css({ padding: ts(0.5), marginY: "auto" })}
 				/>
 			</View>
 		</View>