diff --git a/capacitor.config.ts b/capacitor.config.ts
index 48fd829e..460d5749 100644
--- a/capacitor.config.ts
+++ b/capacitor.config.ts
@@ -5,14 +5,14 @@ const config: CapacitorConfig = {
   appName: "Flotilla",
   webDir: "build",
   android: {
-    adjustMarginsForEdgeToEdge: false,
+    adjustMarginsForEdgeToEdge: true,
   },
   plugins: {
     CapacitorHttp: {
       enabled: true,
     },
     SystemBars: {
-      insetsHandling: "disable",
+      insetsHandling: "enable",
     },
     SplashScreen: {
       androidSplashResourceName: "splash",
diff --git a/src/app.css b/src/app.css
index 5c56e6a1..34260d0b 100644
--- a/src/app.css
+++ b/src/app.css
@@ -102,19 +102,19 @@
   }
 
   .mt-sai {
-    padding-top: var(--sait);
+    margin-top: var(--sait);
   }
 
   .mr-sai {
-    padding-right: var(--sair);
+    margin-right: var(--sair);
   }
 
   .mb-sai {
-    padding-bottom: var(--saib);
+    margin-bottom: var(--saib);
   }
 
   .ml-sai {
-    padding-left: var(--sail);
+    margin-left: var(--sail);
   }
 
   .mx-sai {