diff --git a/components/collections/Collection.vue b/components/collections/Collection.vue
index c96bf942c..2d43825f1 100644
--- a/components/collections/Collection.vue
+++ b/components/collections/Collection.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper', dragging ? 'drop-zone' : '']"
+      :class="['row-wrapper transition duration-150 ease-in-out', { 'bg-bgDarkColor': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"
diff --git a/components/collections/Folder.vue b/components/collections/Folder.vue
index 5f55c97e0..d256d0343 100644
--- a/components/collections/Folder.vue
+++ b/components/collections/Folder.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper', dragging ? 'drop-zone' : '']"
+      :class="['row-wrapper transition duration-150 ease-in-out', { 'bg-bgDarkColor': dragging }]"
       @dragover.prevent
       @drop.prevent="dropEvent"
       @dragover="dragging = true"
diff --git a/components/collections/Request.vue b/components/collections/Request.vue
index 727ef6288..b3dd4afec 100644
--- a/components/collections/Request.vue
+++ b/components/collections/Request.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div
-      :class="['row-wrapper', dragging ? 'drag-el' : '']"
+      :class="['row-wrapper transition duration-150 ease-in-out', { 'bg-bgDarkColor': dragging }]"
       draggable="true"
       @dragstart="dragStart"
       @dragover.stop