From 62c6ac66c663acbf743000b6087e6b1b0779dfec Mon Sep 17 00:00:00 2001
From: ronak-guliani <ronakguliani24@gmail.com>
Date: Tue, 17 Feb 2026 00:32:36 -0800
Subject: [PATCH] Improve model picker readability and size

---
 .../mobile/src/components/model-picker.tsx    | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/packages/mobile/src/components/model-picker.tsx b/packages/mobile/src/components/model-picker.tsx
index 1730752bdf6..1cb76197ab7 100644
--- a/packages/mobile/src/components/model-picker.tsx
+++ b/packages/mobile/src/components/model-picker.tsx
@@ -97,8 +97,8 @@ export function ModelPicker({ visible, onClose, anchor = null }: Props) {
   const panel = useSharedValue(0)
   const shade = useSharedValue(0)
 
-  const popupWidth = Math.min(windowWidth - 24, 560)
-  const popupHeight = Math.min(windowHeight - insets.top - insets.bottom - 24, 700)
+  const popupWidth = Math.round(Math.min(windowWidth - 24, 560) * 0.75)
+  const popupHeight = Math.round(Math.min(windowHeight - insets.top - insets.bottom - 24, 700) * 0.75)
 
   const centerX = windowWidth / 2
   const centerY = windowHeight / 2
@@ -453,14 +453,24 @@ export function ModelPicker({ visible, onClose, anchor = null }: Props) {
               ]}
             >
               {isLiquidGlassSupported ? (
-                <Glass style={[styles.surface, { borderRadius: 28 }]}>{content}</Glass>
+                <Glass
+                  style={[
+                    styles.surface,
+                    {
+                      borderRadius: 28,
+                      borderColor: theme.colors.border + "c0",
+                    },
+                  ]}
+                >
+                  <View style={[styles.fill, { backgroundColor: theme.colors.surface + "f2" }]}>{content}</View>
+                </Glass>
               ) : (
                 <BlurView
                   intensity={80}
                   tint={theme.colors.background === "#09090b" ? "dark" : "light"}
-                  style={[styles.surface, { borderRadius: 20, borderColor: theme.colors.border + "70" }]}
+                  style={[styles.surface, { borderRadius: 20, borderColor: theme.colors.border + "c0" }]}
                 >
-                  {content}
+                  <View style={[styles.fill, { backgroundColor: theme.colors.surface + "f2" }]}>{content}</View>
                 </BlurView>
               )}
             </View>
@@ -611,6 +621,9 @@ const styles = StyleSheet.create({
     overflow: "hidden",
     borderWidth: StyleSheet.hairlineWidth,
   },
+  fill: {
+    flex: 1,
+  },
   header: {
     flexDirection: "row",
     alignItems: "center",