From 93bdac19ca504a6057ff634ae8a14cc85c784f19 Mon Sep 17 00:00:00 2001
From: lawvs <18554747+lawvs@users.noreply.github.com>
Date: Thu, 26 Jun 2025 15:45:01 +0800
Subject: [PATCH] chore: tweak styles for separator in Select component

---
 apps/mobile/src/components/ui/form/Select.android.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/mobile/src/components/ui/form/Select.android.tsx b/apps/mobile/src/components/ui/form/Select.android.tsx
index 0bbe6dcf7..909d25bc8 100644
--- a/apps/mobile/src/components/ui/form/Select.android.tsx
+++ b/apps/mobile/src/components/ui/form/Select.android.tsx
@@ -78,7 +78,7 @@ export function Select<T>({
             )}
           </TouchableOpacity>
           <View
-            className={cn("bg-opaque-separator/70 ml-4")}
+            className={cn("bg-opaque-separator/70 mb-px ml-4")}
             style={{ height: StyleSheet.hairlineWidth }}
           />
         </>
@@ -112,7 +112,7 @@ export function Select<T>({
 
   const SelectModal = (
     <BottomModal visible={isModalVisible} onClose={closeModal}>
-      <View className="border-opaque-separator flex-row items-center justify-between border-b p-4">
+      <View className="border-b-hairline border-opaque-separator flex-row items-center justify-between p-4">
         <Text className="text-label text-xl font-semibold">Select an option</Text>
         <TouchableOpacity onPress={closeModal}>
           <Text style={{ color: accentColor }} className="text-lg font-bold">