Refresh home and more navigation

components/expenses/ExpenseFormFields.tsx

@@ -54,7 +54,7 @@ export function ExpenseFormFields({
   clients,
   onChange,
   notesLabel = "Notes",
-  notesPlaceholder = "Internal details or receipt OCR text",
+  notesPlaceholder = "Internal details",
 }: ExpenseFormFieldsProps) {
   const { colors } = useAppTheme();
 
@@ -172,7 +172,15 @@ export function ExpenseFormFields({
     onValueChange: (value: boolean) => void;
   }) {
     return (
-      <View style={[styles.flagRow, { borderColor: colors.borderGlass }]}>
+      <View
+        style={[
+          styles.flagRow,
+          {
+            borderColor: colors.borderGlass,
+            backgroundColor: colors.cardGlass,
+          },
+        ]}
+      >
         <Text style={[styles.flagLabel, { color: colors.foreground }]}>
           {label}
         </Text>

components/expenses/ReceiptItemSelector.tsx

@@ -80,7 +80,12 @@ export function ReceiptItemSelector({
   };
 
   return (
-    <View style={[styles.wrap, { borderColor: colors.border }]}>
+    <View
+      style={[
+        styles.wrap,
+        { borderColor: colors.border, backgroundColor: colors.cardGlass },
+      ]}
+    >
       <View style={styles.header}>
         <View style={styles.headerCopy}>
           <Text style={[styles.title, { color: colors.foreground }]}>
@@ -140,7 +145,7 @@ export function ReceiptItemSelector({
               onPress={() => toggle(item.id)}
               style={({ pressed }) => [
                 styles.item,
-                { borderColor: colors.borderGlass },
+                { borderColor: colors.borderGlass, backgroundColor: colors.background },
                 selected && { backgroundColor: colors.muted },
                 pressed && styles.pressed,
               ]}