From 0be1bf4f157a2625324ad6fa9cca11f41d0c2c14 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Mon, 29 Jan 2024 19:13:56 +0100
Subject: [PATCH] Center select arrow

---
 front/packages/primitives/src/select.web.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/front/packages/primitives/src/select.web.tsx b/front/packages/primitives/src/select.web.tsx
index 6a8b8601..909a2760 100644
--- a/front/packages/primitives/src/select.web.tsx
+++ b/front/packages/primitives/src/select.web.tsx
@@ -46,6 +46,7 @@ export const Select = ({
 	values: string[];
 	getLabel: (key: string) => string;
 }) => {
+	const { css: wCss } = useYoshiki();
 	const { css } = useNativeYoshiki();
 
 	return (
@@ -77,7 +78,7 @@ export const Select = ({
 						})}
 					>
 						<P {...css({ textAlign: "center" }, "text")}>{<RSelect.Value />}</P>
-						<RSelect.Icon>
+						<RSelect.Icon {...wCss({ display: "flex", justifyContent: "center" })}>
 							<Icon icon={ExpandMore} />
 						</RSelect.Icon>
 					</View>