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>