diff --git a/frontend/src/components/VAudioTrack/VAudioControl.vue b/frontend/src/components/VAudioTrack/VAudioControl.vue
index eed258abe8b..4e220245b9a 100644
--- a/frontend/src/components/VAudioTrack/VAudioControl.vue
+++ b/frontend/src/components/VAudioTrack/VAudioControl.vue
@@ -139,7 +139,7 @@ export default defineComponent({
     const connections = computed(() => {
       return props.layout === "row" && props.size === "small"
         ? []
-        : layoutConnectionsMap[props.layout]
+        : [...layoutConnectionsMap[props.layout]]
     })
 
     /** Convert the `play-pause` sizes to `VIconButton` sizes */
diff --git a/frontend/src/components/VAudioTrack/VPlayPause.vue b/frontend/src/components/VAudioTrack/VPlayPause.vue
index f1f0b42fe1b..c64fe641b0f 100644
--- a/frontend/src/components/VAudioTrack/VPlayPause.vue
+++ b/frontend/src/components/VAudioTrack/VPlayPause.vue
@@ -110,7 +110,7 @@ export default defineComponent({
     const buttonProps = computed(() => {
       const variant = "plain--avoid" as ButtonVariant
 
-      return { variant, connections: layoutConnectionsMap[props.layout] }
+      return { variant, connections: [...layoutConnectionsMap[props.layout]] }
     })
 
     const handleMouseDown = (event: MouseEvent) => {