diff --git a/apps/expo/app/(app)/_layout.tsx b/apps/expo/app/(app)/_layout.tsx
index 81ed80ec82..7c7fff7121 100644
--- a/apps/expo/app/(app)/_layout.tsx
+++ b/apps/expo/app/(app)/_layout.tsx
@@ -199,7 +199,7 @@ export default function AppLayout() {
           options={{
             headerShown: false,
             presentation: 'card',
-            animation: 'slide_from_bottom',
+            animation: 'default',
           }}
         />
         <Stack.Screen
diff --git a/apps/expo/app/(app)/weather-alerts.tsx b/apps/expo/app/(app)/weather-alerts.tsx
index c02838c9a4..3fc21be19c 100644
--- a/apps/expo/app/(app)/weather-alerts.tsx
+++ b/apps/expo/app/(app)/weather-alerts.tsx
@@ -135,7 +135,7 @@ export default function WeatherAlertsScreen() {
   return (
     <SafeAreaView className="flex-1" edges={['bottom']}>
       <LargeTitleHeader title={t('weather.weatherAlertsTitle')} />
-      <ScrollView className="flex-1 mt-20" contentInsetAdjustmentBehavior="automatic">
+      <ScrollView className="flex-1" contentInsetAdjustmentBehavior="automatic">
         <View className="flex-row items-center justify-between p-4">
           <Text
             variant="subhead"
diff --git a/apps/expo/features/weather/components/WeatherAlertsTile.tsx b/apps/expo/features/weather/components/WeatherAlertsTile.tsx
index c3f42bfd1f..0a59921fce 100644
--- a/apps/expo/features/weather/components/WeatherAlertsTile.tsx
+++ b/apps/expo/features/weather/components/WeatherAlertsTile.tsx
@@ -1,16 +1,13 @@
-import type { AlertMethods } from '@packrat/ui/nativewindui';
-import { Alert, ListItem, Text } from '@packrat/ui/nativewindui';
+import { ListItem, Text } from '@packrat/ui/nativewindui';
 import { Icon } from 'expo-app/components/Icon';
 import { useColorScheme } from 'expo-app/lib/hooks/useColorScheme';
 import { useTranslation } from 'expo-app/lib/hooks/useTranslation';
 import { useRouter } from 'expo-router';
-import { useRef } from 'react';
 import { Platform, View } from 'react-native';
 import { useWeatherAlerts } from '../hooks/useWeatherAlert';
 
 export function WeatherAlertsTile() {
   const router = useRouter();
-  const alertRef = useRef<AlertMethods>(null);
   const { t } = useTranslation();
 
   const { alerts, loading } = useWeatherAlerts();
@@ -22,47 +19,32 @@ export function WeatherAlertsTile() {
   };
 
   return (
-    <>
-      <ListItem
-        className="ios:pl-0 pl-2"
-        titleClassName="text-lg"
-        leftView={
-          <View className="px-3">
-            <View className="h-6 w-6 items-center justify-center rounded-md bg-amber-500">
-              <Icon name="weather-rainy" size={15} color="white" />
-            </View>
+    <ListItem
+      className="ios:pl-0 pl-2"
+      titleClassName="text-lg"
+      leftView={
+        <View className="px-3">
+          <View className="h-6 w-6 items-center justify-center rounded-md bg-amber-500">
+            <Icon name="weather-rainy" size={15} color="white" />
           </View>
-        }
-        rightView={
-          <View className="flex-1 flex-row items-center justify-center gap-2 px-4">
-            <Text className="mr-2">
-              {loading ? '...' : t('weather.activeCount', { count: weatherAlertCount })}
-            </Text>
-            <ChevronRight />
-          </View>
-        }
-        item={{
-          title: t('weather.weatherAlerts'),
-        }}
-        onPress={handlePress}
-        target="Cell"
-        index={0}
-        removeSeparator={Platform.OS === 'ios'}
-      />
-      <Alert
-        title={t('weather.noTripsYet')}
-        message={t('weather.createTripForAlerts')}
-        materialIcon={{ name: 'information-outline' }}
-        materialWidth={370}
-        buttons={[
-          {
-            text: t('weather.gotIt'),
-            style: 'default',
-          },
-        ]}
-        ref={alertRef}
-      />
-    </>
+        </View>
+      }
+      rightView={
+        <View className="flex-1 flex-row items-center justify-center gap-2 px-4">
+          <Text className="mr-2">
+            {loading ? '...' : t('weather.activeCount', { count: weatherAlertCount })}
+          </Text>
+          <ChevronRight />
+        </View>
+      }
+      item={{
+        title: t('weather.weatherAlerts'),
+      }}
+      onPress={handlePress}
+      target="Cell"
+      index={0}
+      removeSeparator={Platform.OS === 'ios'}
+    />
   );
 }
 
diff --git a/apps/expo/features/weather/hooks/useWeatherAlert.ts b/apps/expo/features/weather/hooks/useWeatherAlert.ts
index 3278bec3ae..2ea6e79866 100644
--- a/apps/expo/features/weather/hooks/useWeatherAlert.ts
+++ b/apps/expo/features/weather/hooks/useWeatherAlert.ts
@@ -1,3 +1,4 @@
+import * as Sentry from '@sentry/react-native';
 import { getWeatherData } from 'expo-app/features/weather/lib/weatherService';
 import { useAtomValue } from 'jotai';
 import { useEffect, useState } from 'react';
@@ -232,40 +233,63 @@ export function generateAlerts({
 export function useWeatherAlerts() {
   const activeLocation = useAtomValue(activeLocationAtom);
 
+  // Use primitive values as effect dependencies to avoid re-running on new
+  // object references emitted by the derived Jotai atom's .find() call.
+  const locationId = activeLocation?.id;
+  const locationName = activeLocation?.name;
+
   const [alerts, setAlerts] = useState<WeatherAlert[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
-    if (!activeLocation?.id) {
+    if (!locationId) {
       setLoading(false);
       return;
     }
 
-    const locationId = activeLocation.id;
+    let cancelled = false;
 
     async function fetchAlerts() {
       setLoading(true);
       setError(null);
 
+      Sentry.addBreadcrumb({
+        category: 'weather',
+        message: 'Fetching weather alerts',
+        level: 'info',
+        data: { locationId, locationName },
+      });
+
       try {
         const data = await getWeatherData(locationId);
+        if (cancelled) return;
+
         const formatted = generateAlerts({
           // safe-cast: getWeatherData returns WeatherApiForecastResponse; WeatherApiData is a structural subset used only by this alert generator.
           data: data as unknown as WeatherApiData,
-          activeLocation,
+          activeLocation: { name: locationName },
         });
         setAlerts(formatted);
       } catch (err) {
+        if (cancelled) return;
         console.error('Weather alerts error:', err);
         setError('Failed to fetch weather alerts');
+        Sentry.captureException(err, {
+          tags: { feature: 'weatherAlerts', action: 'fetchAlerts' },
+          extra: { locationId, locationName },
+        });
       } finally {
-        setLoading(false);
+        if (!cancelled) setLoading(false);
       }
     }
 
     fetchAlerts();
-  }, [activeLocation]);
+
+    return () => {
+      cancelled = true;
+    };
+  }, [locationId, locationName]);
 
   return {
     alerts,