diff --git a/resources/assets/less/bem/page-extra-tabs.less b/resources/assets/less/bem/page-extra-tabs.less
index 83aff777333..6748d0aa08c 100644
--- a/resources/assets/less/bem/page-extra-tabs.less
+++ b/resources/assets/less/bem/page-extra-tabs.less
@@ -2,14 +2,6 @@
 // See the LICENCE file in the repository root for full licence text.
 
 .page-extra-tabs {
-  position: sticky;
-  --navbar-height: @navbar-height;
-  // 1px overlap with navbar to prevent possible gap in some cases.
-  // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=1261852
-  top: calc(var(--navbar-height) - 1px);
+  .sticky-below-navbar();
   z-index: @z-index--page-extra-tabs;
-
-  @media @desktop {
-    --navbar-height: @nav2-height--pinned;
-  }
 }
diff --git a/resources/assets/less/bem/wiki-notice.less b/resources/assets/less/bem/wiki-notice.less
index baa94f120ae..35ab1a6acfc 100644
--- a/resources/assets/less/bem/wiki-notice.less
+++ b/resources/assets/less/bem/wiki-notice.less
@@ -25,4 +25,9 @@
       margin: 0;
     }
   }
+
+  &__pinned-container {
+    .sticky-below-navbar();
+    background-color: hsl(var(--hsl-b5));
+  }
 }
diff --git a/resources/assets/less/functions.less b/resources/assets/less/functions.less
index fcbb2d2c6c5..3427a27316b 100644
--- a/resources/assets/less/functions.less
+++ b/resources/assets/less/functions.less
@@ -322,3 +322,15 @@
   /* autoprefixer: ignore next */
   -webkit-box-orient: vertical;
 }
+
+.sticky-below-navbar() {
+  position: sticky;
+  --navbar-height: @navbar-height;
+  // 1px overlap with navbar to prevent possible gap in some cases.
+  // Reference: https://bugs.chromium.org/p/chromium/issues/detail?id=1261852
+  top: calc(var(--navbar-height) - 1px);
+
+  @media @desktop {
+    --navbar-height: @nav2-height--pinned;
+  }
+}
diff --git a/resources/assets/less/layout.less b/resources/assets/less/layout.less
index 35a5c2a07f4..129bf731575 100644
--- a/resources/assets/less/layout.less
+++ b/resources/assets/less/layout.less
@@ -48,10 +48,11 @@ html, body {
 }
 
 html {
-  scroll-padding-top: @nav2-height--pinned;
+  --scroll-padding: 0;
+  scroll-padding-top: calc(var(--scroll-padding) + @nav2-height--pinned);
 
   @media @mobile {
-    scroll-padding-top: @navbar-height;
+    scroll-padding-top: calc(var(--scroll-padding) + @navbar-height);
   }
 }
 
diff --git a/resources/assets/lib/core/wiki/pinned-notices-scroll-padding.ts b/resources/assets/lib/core/wiki/pinned-notices-scroll-padding.ts
new file mode 100644
index 00000000000..73104f36751
--- /dev/null
+++ b/resources/assets/lib/core/wiki/pinned-notices-scroll-padding.ts
@@ -0,0 +1,16 @@
+// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
+// See the LICENCE file in the repository root for full licence text.
+
+export default class PinnedNoticesScrollPadding {
+  constructor() {
+    $(document).on('turbolinks:load', this.adjustScrollPadding);
+  }
+
+  private adjustScrollPadding = () => {
+    const pinnedNotices = document.querySelector('.js-wiki-pinned-notices');
+    const scrollPadding = pinnedNotices instanceof HTMLElement
+      ? pinnedNotices.getBoundingClientRect().height + 10
+      : 0;
+    document.documentElement.style.setProperty('--scroll-padding', `${scrollPadding}px`);
+  };
+}
diff --git a/resources/assets/lib/osu-core.ts b/resources/assets/lib/osu-core.ts
index c4615bcd605..a5d7b53fbbd 100644
--- a/resources/assets/lib/osu-core.ts
+++ b/resources/assets/lib/osu-core.ts
@@ -23,6 +23,7 @@ import UserLoginObserver from 'core/user/user-login-observer';
 import UserModel from 'core/user/user-model';
 import UserPreferences from 'core/user/user-preferences';
 import UserVerification from 'core/user/user-verification';
+import PinnedNoticesScrollPadding from 'core/wiki/pinned-notices-scroll-padding';
 import ReferenceLinkTooltip from 'core/wiki/reference-link-tooltip';
 import WindowFocusObserver from 'core/window-focus-observer';
 import WindowSize from 'core/window-size';
@@ -50,6 +51,7 @@ export default class OsuCore {
   notificationsWorker: NotificationsWorker;
   readonly osuAudio: OsuAudio;
   readonly osuLayzr = new OsuLayzr();
+  readonly pinnedNoticesScrollPadding = new PinnedNoticesScrollPadding();
   readonly reactTurbolinks: ReactTurbolinks;
   readonly referenceLinkTooltip = new ReferenceLinkTooltip();
   readonly scorePins = new ScorePins();
diff --git a/resources/views/wiki/_notice.blade.php b/resources/views/wiki/_notice.blade.php
index f7ba57e4028..2c08e15d4be 100644
--- a/resources/views/wiki/_notice.blade.php
+++ b/resources/views/wiki/_notice.blade.php
@@ -8,21 +8,23 @@
     </div>
 @endif
 
-@if ($page->isLegalTranslation())
-    <div class="wiki-notice wiki-notice--important">
-        {!! osu_trans('wiki.show.translation.legal', [
-            'default' => '<a href="'.e(wiki_url($page->path, config('app.fallback_locale'))).'">'.e(osu_trans('wiki.show.translation.default')).'</a>',
-        ]) !!}
-    </div>
-@endif
+<div class="wiki-notice__pinned-container js-wiki-pinned-notices">
+    @if ($page->isLegalTranslation())
+        <div class="wiki-notice wiki-notice--important">
+            {!! osu_trans('wiki.show.translation.legal', [
+                'default' => '<a href="'.e(wiki_url($page->path, config('app.fallback_locale'))).'">'.e(osu_trans('wiki.show.translation.default')).'</a>',
+            ]) !!}
+        </div>
+    @endif
 
-@if ($page->isOutdatedTranslation())
-    <div class="wiki-notice">
-        {!! osu_trans('wiki.show.translation.outdated', [
-            'default' => '<a href="'.e(wiki_url($page->path, config('app.fallback_locale'))).'">'.e(osu_trans('wiki.show.translation.default')).'</a>',
-        ]) !!}
-    </div>
-@endif
+    @if ($page->isOutdatedTranslation())
+        <div class="wiki-notice">
+            {!! osu_trans('wiki.show.translation.outdated', [
+                'default' => '<a href="'.e(wiki_url($page->path, config('app.fallback_locale'))).'">'.e(osu_trans('wiki.show.translation.default')).'</a>',
+            ]) !!}
+        </div>
+    @endif
+</div>
 
 @if ($page->isOutdated())
     <div class="wiki-notice">