From 4e60002bac2191d769d948e7a2f657a547cb0355 Mon Sep 17 00:00:00 2001
From: Adrian Castro <22133246+castdrian@users.noreply.github.com>
Date: Sun, 4 Feb 2024 19:46:41 +0100
Subject: [PATCH] fix: search button css on ios is a round boi now

---
 apps/expo/src/app/(tabs)/_layout.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/expo/src/app/(tabs)/_layout.tsx b/apps/expo/src/app/(tabs)/_layout.tsx
index 8e94be1..48a098f 100644
--- a/apps/expo/src/app/(tabs)/_layout.tsx
+++ b/apps/expo/src/app/(tabs)/_layout.tsx
@@ -1,3 +1,4 @@
+import { View } from "react-native";
 import { Tabs } from "expo-router";
 
 import Colors from "@movie-web/tailwind-config/colors";
@@ -55,11 +56,9 @@ export default function TabLayout() {
           title: "Search",
           tabBarLabel: "",
           tabBarIcon: () => (
-            <TabBarIcon
-              className="flex aspect-[1/1] h-14 items-center justify-center rounded-full bg-primary-400 text-center align-middle text-2xl text-white"
-              name="search"
-              color="#FFF"
-            />
+            <View className="android:top-2 ios:top-2 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full bg-primary-400 text-center align-middle text-2xl text-white">
+              <TabBarIcon name="search" color="#FFF" />
+            </View>
           ),
         }}
       />