diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index 31f09e85a..5e408382e 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -383,6 +383,7 @@ const reorderTracks = async (from: number, to: number) => {
           </h2>
         </div>
         <virtual-list
+          ref="list"
           :list="queueItems"
           :component="QueueItem"
           :size="50"
diff --git a/front/src/components/vui/list/VirtualList.vue b/front/src/components/vui/list/VirtualList.vue
index 2d0bea3b9..43c8f8d0c 100644
--- a/front/src/components/vui/list/VirtualList.vue
+++ b/front/src/components/vui/list/VirtualList.vue
@@ -162,7 +162,9 @@ const { resume, pause } = useRafFn(() => {
   lastDate = now
 }, { immediate: false })
 
+const virtualList = ref()
 defineExpose({
+  scrollToIndex: (index: number) => virtualList.value?.scrollToIndex(index),
   cleanup
 })
 </script>
@@ -175,7 +177,9 @@ export default {
 
 <template>
   <div>
-    <virtual-list
+    <component
+      :is="VirtualList"
+      ref="virtualList"
       class="virtual-list"
       wrap-class="drag-container"
       item-class="drag-item"