diff --git a/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx b/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx
index 111da73..6f4db72 100644
--- a/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx
+++ b/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx
@@ -292,11 +292,11 @@ export const MobileSettingsScreen: React.FC = () => {
                       {profile?.displayName?.charAt(0) || user?.name?.charAt(0) || user?.email?.charAt(0)}
                     </div>
                   )}
-                  <div>
-                    <p className="font-medium text-slate-800">
+                  <div className="min-w-0 flex-1">
+                    <p className="font-medium text-slate-800 truncate">
                       {profile?.displayName || user?.name || 'User'}
                     </p>
-                    <p className="text-sm text-slate-500">{profile?.email || user?.email}</p>
+                    <p className="text-sm text-slate-500 truncate">{profile?.email || user?.email}</p>
                   </div>
                 </div>
 
diff --git a/frontend/src/features/stations/mobile/StationsMobileScreen.tsx b/frontend/src/features/stations/mobile/StationsMobileScreen.tsx
index 5b8beea..953d313 100644
--- a/frontend/src/features/stations/mobile/StationsMobileScreen.tsx
+++ b/frontend/src/features/stations/mobile/StationsMobileScreen.tsx
@@ -251,7 +251,7 @@ export const StationsMobileScreen: React.FC = () => {
         display: 'flex',
         flexDirection: 'column',
         height: '100vh',
-        pb: 7, // Space for bottom navigation
+        pb: 0,
         overflow: 'hidden'
       }}
     >
@@ -314,7 +314,7 @@ export const StationsMobileScreen: React.FC = () => {
       >
         {/* Search Tab */}
         {activeTab === TAB_SEARCH && (
-          <Box sx={{ p: 2 }}>
+          <Box sx={{ p: 2, pb: 12 }}>
             <StationsSearchForm
               onSearch={handleSearch}
               isSearching={isSearching}
@@ -342,7 +342,7 @@ export const StationsMobileScreen: React.FC = () => {
 
         {/* Saved Tab */}
         {activeTab === TAB_SAVED && (
-          <Box sx={{ p: 2 }}>
+          <Box sx={{ p: 2, pb: 12 }}>
             <SavedStationsList
               stations={savedStations || []}
               loading={isLoadingSaved}
@@ -359,7 +359,7 @@ export const StationsMobileScreen: React.FC = () => {
 
         {/* Premium 93 Tab */}
         {activeTab === TAB_PREMIUM_93 && (
-          <Box sx={{ p: 2 }}>
+          <Box sx={{ p: 2, pb: 12 }}>
             <Premium93TabContent
               latitude={coordinates?.latitude ?? null}
               longitude={coordinates?.longitude ?? null}
diff --git a/frontend/src/shared-minimal/components/mobile/BottomNavigation.tsx b/frontend/src/shared-minimal/components/mobile/BottomNavigation.tsx
index b455101..9529737 100644
--- a/frontend/src/shared-minimal/components/mobile/BottomNavigation.tsx
+++ b/frontend/src/shared-minimal/components/mobile/BottomNavigation.tsx
@@ -87,7 +87,7 @@ export const BottomNavigation: React.FC<BottomNavigationProps> = ({
       <Typography
         variant="caption"
         sx={{
-          fontSize: '0.65rem',
+          fontSize: '0.7rem',
           fontWeight: isActive ? 600 : 400,
           color: 'inherit',
           mt: 0.25
@@ -293,7 +293,7 @@ export const BottomNavigation: React.FC<BottomNavigationProps> = ({
         <Typography
           variant="caption"
           sx={{
-            fontSize: '0.65rem',
+            fontSize: '0.7rem',
             fontWeight: 400,
             color: 'inherit',
             mt: 0.25