diff --git a/plugins/chat/assets/stylesheets/common/base-common.scss b/plugins/chat/assets/stylesheets/common/base-common.scss
index e59eb9f5ec6..8635e61f10a 100644
--- a/plugins/chat/assets/stylesheets/common/base-common.scss
+++ b/plugins/chat/assets/stylesheets/common/base-common.scss
@@ -592,7 +592,6 @@ html.has-full-page-chat {
       .full-page-chat {
         height: 100%;
         min-height: 0;
-        padding-bottom: env(safe-area-inset-bottom);
       }
 
       .main-chat-outlet {
diff --git a/plugins/chat/assets/stylesheets/common/chat-browse.scss b/plugins/chat/assets/stylesheets/common/chat-browse.scss
index 7199ffad249..b7934c3af8c 100644
--- a/plugins/chat/assets/stylesheets/common/chat-browse.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-browse.scss
@@ -1,7 +1,7 @@
 .chat-browse-view {
   position: relative;
   box-sizing: border-box;
-  padding: 1rem;
+  padding: 1rem 1rem env(safe-area-inset-bottom) 1rem;
 
   &__header {
     display: flex;
diff --git a/plugins/chat/assets/stylesheets/common/chat-tabs.scss b/plugins/chat/assets/stylesheets/common/chat-tabs.scss
index fe49815231b..70262b2a580 100644
--- a/plugins/chat/assets/stylesheets/common/chat-tabs.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-tabs.scss
@@ -8,6 +8,7 @@
 .chat-tabs__tabpanel {
   height: 100%;
   min-height: 1px;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .chat-tabs-list {