diff --git a/adev/src/app/core/layout/navigation/mini-menu.scss b/adev/src/app/core/layout/navigation/mini-menu.scss
index 02ca0b3130ec..4e0b524c32b9 100644
--- a/adev/src/app/core/layout/navigation/mini-menu.scss
+++ b/adev/src/app/core/layout/navigation/mini-menu.scss
@@ -4,6 +4,7 @@
 // ul
 .adev-mini-menu {
   padding: 0;
+  margin-block: 0;
   color: var(--primary-contrast);
   background-color: var(--page-background);
   border: 1px solid var(--senary-contrast);
@@ -86,11 +87,8 @@
 
 .adev-version-picker {
   overflow-y: auto;
-  max-height: 90vh;
-  top: 30px;
-  left: 10px;
-  position: absolute;
-  bottom: auto;
+  max-height: 70dvh;
+  margin-inline-start: 10px;
 
   li {
     padding-inline: 0;
@@ -101,9 +99,11 @@
   }
 
   @include mq.for-tablet {
-    top: 30px;
-    left: auto;
-    bottom: auto;
+    position: fixed;
+    position-anchor: --version-trigger;
+    inset-block-start: calc(anchor(bottom) + 8px);
+    justify-self: anchor-center;
+    margin-inline-start: 0;
   }
 }
 
diff --git a/adev/src/app/core/layout/navigation/navigation.component.scss b/adev/src/app/core/layout/navigation/navigation.component.scss
index d774377db877..e9525d2c7caa 100644
--- a/adev/src/app/core/layout/navigation/navigation.component.scss
+++ b/adev/src/app/core/layout/navigation/navigation.component.scss
@@ -175,6 +175,7 @@
 
     // version dropdown button
     .adev-version-button {
+      anchor-name: --version-trigger;
       border: 1px solid var(--senary-contrast);
       border-radius: 0.25rem;
       width: fit-content;