diff --git a/components/collections/Collection.vue b/components/collections/Collection.vue
index c96bf942..2d43825f 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 5f55c97e..d256d034 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 727ef628..b3dd4afe 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