diff --git a/components/MainContainer.client.vue b/components/MainContainer.client.vue
index 6290d58..8131aba 100644
--- a/components/MainContainer.client.vue
+++ b/components/MainContainer.client.vue
@@ -96,6 +96,7 @@ const hasActiveTrack = computed(() => !!props.currentTrack)
   position: relative;
   overflow: visible;
   flex-shrink: 0;
+  z-index: 100;
 }
 
 .app-header::before {
diff --git a/components/SettingsMenu.client.vue b/components/SettingsMenu.client.vue
index 8cf6585..0d46574 100644
--- a/components/SettingsMenu.client.vue
+++ b/components/SettingsMenu.client.vue
@@ -94,7 +94,7 @@ onUnmounted(() => {
   border-radius: 16px;
   padding: 12px;
   box-shadow: var(--shadow-glass), 0 8px 32px rgba(0, 0, 0, 0.2);
-  z-index: 9999;
+  z-index: 10001;
   display: flex;
   flex-direction: column;
   gap: 8px;