diff --git a/package-lock.json b/package-lock.json
index e829395..441d202 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "call-me",
-    "version": "1.2.87",
+    "version": "1.2.88",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "call-me",
-            "version": "1.2.87",
+            "version": "1.2.88",
             "license": "AGPLv3",
             "dependencies": {
                 "@ngrok/ngrok": "1.7.0",
diff --git a/package.json b/package.json
index be45dcb..b9c5224 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "call-me",
-    "version": "1.2.87",
+    "version": "1.2.88",
     "description": "Your Go-To for Instant Video Calls",
     "author": "Miroslav Pejic - miroslav.pejic.85@gmail.com",
     "license": "AGPLv3",
diff --git a/public/style.css b/public/style.css
index f5f599e..e4b7c74 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1192,6 +1192,12 @@ input {
         width: 100vw;
         max-width: 100vw;
         z-index: 1000;
+        height: 100dvh;
+        padding-bottom: env(safe-area-inset-bottom, 0px);
+    }
+
+    .tab-content {
+        height: calc(100dvh - 60px);
     }
 
     .sidebar-tabs {
@@ -1223,6 +1229,7 @@ input {
 
     .chat-form {
         padding: 12px;
+        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
     }
 
     .btn-emoji {