diff --git a/package.json b/package.json
index 2c1a370..70a6945 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "random-teams",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "packageManager": "pnpm@11.1.1",
   "engines": {
     "node": ">=22.13.0"
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 954e643..ba23a9e 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -245,7 +245,7 @@
   flex: 1;
   overflow-y: auto;
   padding: 1rem;
-  padding-bottom: 5rem;
+  padding-bottom: calc(5rem + env(safe-area-inset-bottom));
 
   @media (min-width: 768px) {
     padding-bottom: 1.5rem;
@@ -269,6 +269,7 @@
   background: var(--surface);
   border-top: 1px solid var(--border);
   z-index: 50;
+  padding-bottom: env(safe-area-inset-bottom);
 
   @media (min-width: 768px) {
     display: none;
diff --git a/src/index.html b/src/index.html
index 2ad6d06..c83d432 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <title>RandomTeams</title>
     <base href="/" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
     <script>
       if (
         localStorage.getItem('theme') === 'dark' ||