diff --git a/src/components/playlist/APlaylistEditor.vue b/src/components/playlist/APlaylistEditor.vue
index 7657f92664036b63d5b8bd96e3abff057b0454a4..aa0345cb0f2df81909f26f0cb549aa13e117e265 100644
--- a/src/components/playlist/APlaylistEditor.vue
+++ b/src/components/playlist/APlaylistEditor.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tw-relative">
+  <div class="tw-relative" v-bind="attrs">
     <SaveIndicator
       v-if="isUpdatingPlaylist"
       state="pending"
@@ -171,7 +171,7 @@
 <script lang="ts" setup>
 import { APIResponseError } from '@rokoli/bnb/drf'
 import { createTemplatePromise, useDropZone, useFileDialog } from '@vueuse/core'
-import { computed, ref, watch } from 'vue'
+import { computed, ref, useAttrs, watch } from 'vue'
 
 import { useCopy } from '@/form'
 import { useI18n } from '@/i18n'
@@ -207,6 +207,7 @@ const emit = defineEmits<{
   create: [Playlist]
 }>()
 
+const attrs = useAttrs()
 const { t } = useI18n()
 const fileStore = useFilesStore()
 const playlistStore = usePlaylistStore()