diff --git a/front/src/components/Queue.vue b/front/src/components/Queue.vue
index ec3d8768e..5bbc83439 100644
--- a/front/src/components/Queue.vue
+++ b/front/src/components/Queue.vue
@@ -437,6 +437,7 @@ const coverType = useStorage('queue:cover-type', CoverType.COVER_ART)
         >
           <template #default="{ index, item, classlist }">
             <queue-item
+              v-if="index !== undefined"
               :data-index="index"
               :index="index"
               :source="item"
diff --git a/front/src/composables/audio/audio-api.ts b/front/src/composables/audio/audio-api.ts
index 1dc3e1da5..380c0b475 100644
--- a/front/src/composables/audio/audio-api.ts
+++ b/front/src/composables/audio/audio-api.ts
@@ -31,7 +31,12 @@ const equalizerFilters = [
 let lastNode: IAudioNode<IAudioContext> | null = null
 export const connectAudioSource = (sourceNode: IAudioNode<IAudioContext>) => {
   for (const filter of equalizerFilters) {
-    lastNode?.disconnect(filter)
+    try {
+      lastNode?.disconnect(filter)
+    } catch (e) {
+      // NOTE: The error is probably InvalidAccessError, because the nodes aren't connected. We just ignore it.
+    }
+
     sourceNode.connect(filter)
   }