diff --git a/src/modules/map/components/toolbox/TimeSliderButton.vue b/src/modules/map/components/toolbox/TimeSliderButton.vue
index 9d34a1499..4eb94d9fa 100644
--- a/src/modules/map/components/toolbox/TimeSliderButton.vue
+++ b/src/modules/map/components/toolbox/TimeSliderButton.vue
@@ -80,6 +80,10 @@ $openCloseButtonHeight: 0rem;
 
 @include respond-above(sm) {
     .time-sliders {
+        // menu appears, we move the slider to the right and take the menu
+        // width into the width calculation
+        left: $menu-tray-width;
+        width: calc(100% - $map-button-diameter - $menu-tray-width - $spacer);
         top: calc($header-height + $openCloseButtonHeight);
         &.dev-disclaimer-present {
             top: calc($header-height + $openCloseButtonHeight + $dev-disclaimer-height);
@@ -89,11 +93,7 @@ $openCloseButtonHeight: 0rem;
 
 @include respond-above(lg) {
     .time-sliders {
-        left: $menu-tray-width;
         transform: none;
-        width: calc(100% - $map-button-diameter - $menu-tray-width - $spacer);
-    }
-    .time-sliders {
         top: 2 * $header-height;
         &.dev-disclaimer-present {
             top: calc(2 * $header-height + $dev-disclaimer-height);