diff --git a/app/assets/stylesheets/common/base/sidebar.scss b/app/assets/stylesheets/common/base/sidebar.scss
index 7d7a3fbd6a3..5c5ce133406 100644
--- a/app/assets/stylesheets/common/base/sidebar.scss
+++ b/app/assets/stylesheets/common/base/sidebar.scss
@@ -11,6 +11,9 @@
     grid-area: sidebar;
     position: sticky;
     top: var(--header-offset);
+    .footer-nav-ipad & {
+      top: calc(var(--header-offset) + var(--footer-nav-height));
+    }
     height: calc(100vh - var(--header-offset));
     align-self: start;
     overflow-y: auto;
diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss
index c882e9af301..aaf7470e09a 100644
--- a/app/assets/stylesheets/common/base/topic.scss
+++ b/app/assets/stylesheets/common/base/topic.scss
@@ -50,6 +50,9 @@ $topic-progress-height: 42px;
       align-self: start;
       @include sticky;
       top: calc(var(--header-offset, 60px) + 2em);
+      .footer-nav-ipad & {
+        top: calc(var(--header-offset, 60px) + var(--footer-nav-height) + 2em);
+      }
       margin-left: 1em;
       z-index: z("timeline");