diff --git a/src/components/middle/MiddleColumn.scss b/src/components/middle/MiddleColumn.scss
index 2d4004b89..02333d2cf 100644
--- a/src/components/middle/MiddleColumn.scss
+++ b/src/components/middle/MiddleColumn.scss
@@ -249,6 +249,12 @@
}
}
+ @supports (padding-bottom: env(safe-area-inset-bottom)) {
+ &:not(.no-composer) {
+ padding-bottom: env(safe-area-inset-bottom);
+ }
+ }
+
&::before {
content: "";
position: absolute;
diff --git a/src/components/middle/MobileSearch.scss b/src/components/middle/MobileSearch.scss
index 205fb09e4..b42dc4875 100644
--- a/src/components/middle/MobileSearch.scss
+++ b/src/components/middle/MobileSearch.scss
@@ -29,6 +29,11 @@
padding-left: 1rem;
padding-right: 0.5rem;
+ @supports (padding-bottom: env(safe-area-inset-bottom)) {
+ padding-bottom: env(safe-area-inset-bottom);
+ height: calc(3.5rem + env(safe-area-inset-bottom));
+ }
+
> .counter {
flex: 1;
color: var(--color-text-secondary);
diff --git a/src/index.html b/src/index.html
index 0d741ab81..132211d9a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,7 +3,7 @@
-
+