diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 8b183b215..984b507c2 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -134,7 +134,7 @@
     </div>
     <section :class="['ui', 'bottom', 'attached', {active: selectedTab === 'queue'}, 'tab']">
       <table class="ui compact inverted very basic fixed single line unstackable table">
-        <draggable v-model="tracks" element="tbody" @update="reorder">
+        <draggable v-model="tracks" tag="tbody" @update="reorder">
           <tr
               @click="$store.dispatch('queue/currentIndex', index)"
               v-for="(track, index) in tracks"
diff --git a/front/src/components/playlists/Editor.vue b/front/src/components/playlists/Editor.vue
index 3ce554301..50cceafcd 100644
--- a/front/src/components/playlists/Editor.vue
+++ b/front/src/components/playlists/Editor.vue
@@ -60,7 +60,7 @@
         <p><translate translate-context="Content/Playlist/Paragraph/Call to action">Drag and drop rows to reorder tracks in the playlist</translate></p>
         <div class="table-wrapper">
           <table class="ui compact very basic unstackable table">
-            <draggable v-model="plts" element="tbody" @update="reorder">
+            <draggable v-model="plts" tag="tbody" @update="reorder">
               <tr v-for="(plt, index) in plts" :key="plt.id">
                 <td class="left aligned">{{ plt.index + 1}}</td>
                 <td class="center aligned">