diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss
index 069092fa5e6..cadf92de6e9 100644
--- a/app/assets/stylesheets/common/base/header.scss
+++ b/app/assets/stylesheets/common/base/header.scss
@@ -2,6 +2,10 @@
   @include sticky;
   top: 0;
   z-index: z("header");
+
+  .footer-nav-ipad & {
+    top: var(--footer-nav-height, 0px);
+  }
 }
 
 .d-header {
diff --git a/plugins/chat/assets/stylesheets/common/base-common.scss b/plugins/chat/assets/stylesheets/common/base-common.scss
index 273a853a0e1..6aface3139f 100644
--- a/plugins/chat/assets/stylesheets/common/base-common.scss
+++ b/plugins/chat/assets/stylesheets/common/base-common.scss
@@ -249,6 +249,10 @@ html.has-full-page-chat {
   height: 100%;
   width: 100%;
 
+  &.footer-nav-ipad {
+    height: calc(100% - var(--footer-nav-height, 0px));
+  }
+
   body {
     height: 100%;
     width: 100%;