Update files

packages/app/src/components/headers/menu-header.tsx

@@ -30,7 +30,7 @@ export function MenuHeader({ title, subtitle, rightContent }: MenuHeaderProps) {
       left={
         <>
           <Pressable onPress={toggleAgentList} style={styles.menuButton}>
-            <MenuIcon size={16} color={menuIconColor} />
+            <MenuIcon size={isMobile ? 20 : 16} color={menuIconColor} />
           </Pressable>
           {title && (
             <View style={styles.titleContainer}>

packages/app/src/components/headers/screen-header.tsx

@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
 import { View, type StyleProp, type ViewStyle } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { StyleSheet, UnistylesRuntime } from "react-native-unistyles";
-import { HEADER_INNER_HEIGHT } from "@/constants/layout";
+import { HEADER_INNER_HEIGHT, HEADER_INNER_HEIGHT_MOBILE } from "@/constants/layout";
 import { useTauriDragHandlers } from "@/utils/tauri-window";
 
 interface ScreenHeaderProps {
@@ -44,7 +44,10 @@ const styles = StyleSheet.create((theme) => ({
   },
   inner: {},
   row: {
-    height: HEADER_INNER_HEIGHT,
+    height: {
+      xs: HEADER_INNER_HEIGHT_MOBILE,
+      md: HEADER_INNER_HEIGHT,
+    },
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",

packages/app/src/constants/layout.ts

@@ -6,6 +6,7 @@ export const FOOTER_HEIGHT = 75;
 // Used by both agent header (ScreenHeader) and explorer sidebar header
 // This ensures both headers have the same visual height
 export const HEADER_INNER_HEIGHT = 48;
+export const HEADER_INNER_HEIGHT_MOBILE = 56;
 
 // Max width for chat content (stream view, input area, new agent form)
 export const MAX_CONTENT_WIDTH = 820;

packages/app/src/screens/agent/agent-ready-screen.tsx

@@ -625,7 +625,7 @@ function AgentScreenContent({
               <Pressable onPress={toggleFileExplorer} style={styles.menuButton}>
                 {isMobile ? (
                   <Folder
-                    size={16}
+                    size={20}
                     color={
                       isExplorerOpen
                         ? theme.colors.foreground
@@ -651,7 +651,7 @@ function AgentScreenContent({
                 }}
               >
                 <DropdownMenuTrigger testID="agent-overflow-menu" style={styles.menuButton}>
-                  <MoreVertical size={16} color={theme.colors.foregroundMuted} />
+                  <MoreVertical size={isMobile ? 20 : 16} color={theme.colors.foregroundMuted} />
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end" width={DROPDOWN_WIDTH} testID="agent-overflow-content">
                   <View style={styles.menuMetaContainer}>