diff --git a/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss b/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss
index 0011fbce0..33e84cee3 100644
--- a/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss
+++ b/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss
@@ -14,15 +14,18 @@ th[#{$kup-dd-draggable}] {
 }
 
 .droparea {
+  position: absolute;
   animation: fade-in 0.25s ease-out;
   background: var(--kup_datatable_background_color);
   border-radius: 8px;
   box-shadow: var(--kup-box-shadow);
-  display: none;
+  display: flex;
+  opacity: 0;
   padding: 1em 0.5em;
+  transition: opacity 0.25s;
 
   &--visible {
-    display: flex;
+    opacity: 1;
   }
 
   &__groups {
@@ -42,7 +45,6 @@ th[#{$kup-dd-draggable}] {
     margin: 0 0.5em;
     opacity: 0.5;
     position: relative;
-    transition: opacity 0.25s;
     width: 50px;
 
     .f-image {