diff --git a/theme/boost/scss/moodle/drawer.scss b/theme/boost/scss/moodle/drawer.scss
index 256fac57fd1..a8cc7020975 100644
--- a/theme/boost/scss/moodle/drawer.scss
+++ b/theme/boost/scss/moodle/drawer.scss
@@ -223,6 +223,15 @@ $right-drawer-width: 320px;
     .drawer {
         z-index: inherit;
 
+        // Workaround to display the skip link elements from the blocks drawer infront of the navbar.
+        &#theme_boost-drawers-blocks:focus-within {
+            position: absolute;
+
+            .drawercontent {
+                z-index: auto;
+            }
+        }
+
         &.not-initialized {
             display: block;
         }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 55a6783e16d..bbb53c76e59 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -15061,6 +15061,10 @@ body.drawer-ease {
 @media (min-width: 992px) {
   .drawer {
     z-index: inherit; }
+    .drawer#theme_boost-drawers-blocks:focus-within {
+      position: absolute; }
+      .drawer#theme_boost-drawers-blocks:focus-within .drawercontent {
+        z-index: auto; }
     .drawer.not-initialized {
       display: block; } }
 
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 766c035b467..0fc91e2e85a 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -15061,6 +15061,10 @@ body.drawer-ease {
 @media (min-width: 992px) {
   .drawer {
     z-index: inherit; }
+    .drawer#theme_boost-drawers-blocks:focus-within {
+      position: absolute; }
+      .drawer#theme_boost-drawers-blocks:focus-within .drawercontent {
+        z-index: auto; }
     .drawer.not-initialized {
       display: block; } }