From e2c642d8176d686cdb4ec7a5f43f70ed850b19a8 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Wed, 8 Apr 2026 19:08:57 +0200
Subject: [PATCH] Fix search bar on android

---
 front/src/primitives/input.tsx       | 3 +++
 front/src/primitives/tabs.tsx        | 1 +
 front/src/ui/navbar.tsx              | 9 ++++++---
 front/src/ui/player/entries-menu.tsx | 1 -
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/front/src/primitives/input.tsx b/front/src/primitives/input.tsx
index b1ddf025..0bf2a796 100644
--- a/front/src/primitives/input.tsx
+++ b/front/src/primitives/input.tsx
@@ -27,6 +27,9 @@ export const Input = ({
 			<TextInput
 				ref={ref}
 				textAlignVertical="center"
+				verticalAlign="middle"
+				// @ts-expect-error not yet in typescript i think
+				includeFontPadding={false}
 				className={cn(
 					"min-h-6 flex-1 font-sans text-base text-slate-600 outline-0 dark:text-slate-400",
 					className,
diff --git a/front/src/primitives/tabs.tsx b/front/src/primitives/tabs.tsx
index d4d6f3b1..90012fe3 100644
--- a/front/src/primitives/tabs.tsx
+++ b/front/src/primitives/tabs.tsx
@@ -32,6 +32,7 @@ export const Tabs = <T,>({
 	return (
 		<ScrollView
 			horizontal
+			// @ts-expect-error uniwind special props
 			containerClassName={cn("shrink flex-row items-center", className)}
 			className={cn(
 				"rounded-4xl border-3 border-accent p-1",
diff --git a/front/src/ui/navbar.tsx b/front/src/ui/navbar.tsx
index 658605c4..065625c5 100644
--- a/front/src/ui/navbar.tsx
+++ b/front/src/ui/navbar.tsx
@@ -130,12 +130,12 @@ export const SearchBar = ({
 	return (
 		<Animated.View
 			className={cn(
-				"mr-2 flex-1 flex-row items-center overflow-hidden p-0 pl-4",
-				"rounded-full bg-slate-100 dark:bg-slate-800",
+				"mr-2 flex-row items-center overflow-hidden rounded-full p-0 pl-4",
+				expanded ? "bg-slate-100 dark:bg-slate-800" : "bg-transparent",
 				containerClassName,
 			)}
 			style={[
-				expanded ? { flex: 1 } : { backgroundColor: "transparent" },
+				expanded ? { flex: 1 } : { flex: Platform.OS === "web" ? 1 : 0 },
 				{
 					transitionProperty: "backgroundColor",
 					transitionDuration: "300ms",
@@ -163,6 +163,9 @@ export const SearchBar = ({
 					!expanded && "w-0 grow-0",
 					className,
 				)}
+				verticalAlign="middle"
+				// @ts-expect-error not yet in typescript i think
+				includeFontPadding={false}
 				placeholderTextColorClassName="accent-slate-400 dark:text-slate-600"
 				{...props}
 			/>
diff --git a/front/src/ui/player/entries-menu.tsx b/front/src/ui/player/entries-menu.tsx
index c68feabd..c6821f24 100644
--- a/front/src/ui/player/entries-menu.tsx
+++ b/front/src/ui/player/entries-menu.tsx
@@ -1,4 +1,3 @@
-import { useTranslation } from "react-i18next";
 import { SideMenu } from "~/primitives";
 import { EntryList } from "~/ui/details/season";