diff --git a/lib/components/one_page_card.dart b/lib/components/one_page_card.dart
index 0e78e5b2..c316079b 100644
--- a/lib/components/one_page_card.dart
+++ b/lib/components/one_page_card.dart
@@ -34,7 +34,7 @@ class OnePageCard extends StatelessWidget {
         horizontal: max((MediaQuery.of(context).size.width - 600) / 2, 0),
         vertical: max((MediaQuery.of(context).size.height - 800) / 2, 0),
       ),
-      child: Card(child: child),
+      child: SafeArea(child: Card(child: child)),
     );
   }
 }
diff --git a/lib/main.dart b/lib/main.dart
index f7634723..8f98d7bc 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -28,8 +28,10 @@ void main() async {
   // To make sure that the parts of flutter needed are started up already, we need to ensure that the
   // widget bindings are initialized already.
   WidgetsFlutterBinding.ensureInitialized();
-  SystemChrome.setSystemUIOverlayStyle(
-      SystemUiOverlayStyle(statusBarColor: Colors.transparent));
+  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
+    systemNavigationBarColor: Colors.transparent,
+    statusBarColor: Colors.transparent,
+  ));
   FlutterError.onError = (FlutterErrorDetails details) =>
       Zone.current.handleUncaughtError(details.exception, details.stack);
 
@@ -74,6 +76,7 @@ class App extends StatelessWidget {
             child: Builder(
               builder: (context) => AdaptivePageLayout(
                 key: _apl,
+                safeAreaOnColumnView: false,
                 onGenerateRoute: FluffyRoutes(context).onGenerateRoute,
                 dividerColor: Theme.of(context).dividerColor,
                 columnWidth: FluffyThemes.columnWidth,