From 3d3e41334397c5a5167fd3297e11071913a4eebc Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Mon, 30 Mar 2026 20:02:31 +0200
Subject: [PATCH] Fix media type filter

---
 front/src/ui/browse/header.tsx | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/front/src/ui/browse/header.tsx b/front/src/ui/browse/header.tsx
index a95991cd..91c835dc 100644
--- a/front/src/ui/browse/header.tsx
+++ b/front/src/ui/browse/header.tsx
@@ -99,20 +99,24 @@ export const BrowseSettings = ({
 
 	return (
 		<View className="mx-8 my-2 flex-row items-center justify-between">
-			<Menu
-				Trigger={MediaTypeTrigger}
-				mediaType={mediaType as keyof typeof MediaTypeIcons}
-			>
-				{Object.keys(MediaTypeIcons).map((x) => (
-					<Menu.Item
-						key={x}
-						label={t(`browse.mediatypekey.${x as keyof typeof MediaTypeIcons}`)}
-						selected={mediaType === x}
-						icon={MediaTypeIcons[x as keyof typeof MediaTypeIcons]}
-						onSelect={() => setMediaType(x)}
-					/>
-				))}
-			</Menu>
+			<View className="flex-row">
+				<Menu
+					Trigger={MediaTypeTrigger}
+					mediaType={mediaType as keyof typeof MediaTypeIcons}
+				>
+					{Object.keys(MediaTypeIcons).map((x) => (
+						<Menu.Item
+							key={x}
+							label={t(
+								`browse.mediatypekey.${x as keyof typeof MediaTypeIcons}`,
+							)}
+							selected={mediaType === x}
+							icon={MediaTypeIcons[x as keyof typeof MediaTypeIcons]}
+							onSelect={() => setMediaType(x)}
+						/>
+					))}
+				</Menu>
+			</View>
 			<View className="flex-row">
 				<Menu Trigger={SortTrigger} sortBy={sortBy}>
 					{availableSorts.map((x) => (