diff --git a/lib/widgets/util/navigator_container.dart b/lib/widgets/util/navigator_container.dart
index 026acfdb..9a36f80e 100644
--- a/lib/widgets/util/navigator_container.dart
+++ b/lib/widgets/util/navigator_container.dart
@@ -22,46 +22,48 @@ class NavigatorContainer extends ConsumerWidget {
           right: LayoutConstants.mediumPadding,
           bottom: LayoutConstants.mediumPadding,
         ),
-        child: MediaQuery.removePadding(
-          context: context,
-          removeBottom: true,
-          removeTop: true,
-          child: Async(
-            asyncValue: ref.watch(themeProvider),
-            data: (theme) => Card(
-              margin: EdgeInsets.zero,
-              clipBehavior: .hardEdge,
-              shape: RoundedRectangleBorder(
-                side: theme.outlined
-                    ? BorderSide(
-                        color: Theme.of(context).colorScheme.outline,
-                        width: 2.0,
-                      )
-                    : BorderSide.none,
-                borderRadius: BorderRadius.circular(24.0),
-              ),
-              child: NavigationBar(
-                selectedIndex: navigationShell.currentIndex,
-                onDestinationSelected: (index) {
-                  navigationShell.goBranch(
-                    index,
-                    initialLocation: true,
-                  );
-                },
-                destinations: const [
-                  NavigationDestination(
-                    icon: Icon(LucideIcons.house),
-                    label: 'Home',
-                  ),
-                  NavigationDestination(
-                    icon: Icon(LucideIcons.star),
-                    label: 'Want to Read',
-                  ),
-                  NavigationDestination(
-                    icon: Icon(LucideIcons.library),
-                    label: 'Menu',
-                  ),
-                ],
+        child: SafeArea(
+          child: MediaQuery.removePadding(
+            context: context,
+            removeBottom: true,
+            removeTop: true,
+            child: Async(
+              asyncValue: ref.watch(themeProvider),
+              data: (theme) => Card(
+                margin: EdgeInsets.zero,
+                clipBehavior: .hardEdge,
+                shape: RoundedRectangleBorder(
+                  side: theme.outlined
+                      ? BorderSide(
+                          color: Theme.of(context).colorScheme.outline,
+                          width: 2.0,
+                        )
+                      : BorderSide.none,
+                  borderRadius: BorderRadius.circular(24.0),
+                ),
+                child: NavigationBar(
+                  selectedIndex: navigationShell.currentIndex,
+                  onDestinationSelected: (index) {
+                    navigationShell.goBranch(
+                      index,
+                      initialLocation: true,
+                    );
+                  },
+                  destinations: const [
+                    NavigationDestination(
+                      icon: Icon(LucideIcons.house),
+                      label: 'Home',
+                    ),
+                    NavigationDestination(
+                      icon: Icon(LucideIcons.star),
+                      label: 'Want to Read',
+                    ),
+                    NavigationDestination(
+                      icon: Icon(LucideIcons.library),
+                      label: 'Menu',
+                    ),
+                  ],
+                ),
               ),
             ),
           ),