diff --git a/resources/assets/js/components/layout/app-footer/index.vue b/resources/assets/js/components/layout/app-footer/index.vue
index 50e57bea..741b1943 100644
--- a/resources/assets/js/components/layout/app-footer/index.vue
+++ b/resources/assets/js/components/layout/app-footer/index.vue
@@ -57,7 +57,7 @@ footer {
   box-shadow: 0 0 30px 20px rgba(0, 0, 0, .2);
   flex-direction: column;
   position: relative;
-  z-index: 1;
+  z-index: 3;
 
   .wrapper {
     display: flex;
diff --git a/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue b/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue
index 7bdc2e5f..ea53cddb 100644
--- a/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue
+++ b/resources/assets/js/components/layout/main-wrapper/ExtraPanel.vue
@@ -129,7 +129,7 @@ onMounted(() => isMobile.any || (activeTab.value = preferenceStore.activeExtraPa
   flex-direction: row-reverse;
   color: var(--color-text-secondary);
   height: var(--header-height);
-  z-index: 1;
+  z-index: 2;
 
   @media screen and (max-width: 768px) {
     @include themed-background();
diff --git a/resources/assets/js/components/song/SongList.vue b/resources/assets/js/components/song/SongList.vue
index bdddb297..a4fcabf2 100644
--- a/resources/assets/js/components/song/SongList.vue
+++ b/resources/assets/js/components/song/SongList.vue
@@ -302,7 +302,7 @@ onMounted(() => render())
   position: relative;
   display: flex;
   flex-direction: column;
-  overflow: scroll;
+  overflow: auto;
 
   @media screen and (max-width: 768px) {
     padding: 0 12px;