From 9f03df1b6423a112a0569ad1dfe5b78fe5151a1c Mon Sep 17 00:00:00 2001
From: Leire Aguirre <leire@argilla.io>
Date: Thu, 28 Nov 2024 09:10:51 +0100
Subject: [PATCH] fix absolute position css for transition

---
 .../features/home/dataset-list/DatasetListCards.vue   | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/argilla-frontend/components/features/home/dataset-list/DatasetListCards.vue b/argilla-frontend/components/features/home/dataset-list/DatasetListCards.vue
index 9e007226d4..280cd377db 100644
--- a/argilla-frontend/components/features/home/dataset-list/DatasetListCards.vue
+++ b/argilla-frontend/components/features/home/dataset-list/DatasetListCards.vue
@@ -86,17 +86,14 @@ export default {
     color: var(--fg-tertiary);
   }
 }
-.list-move,
 .list-enter-active,
 .list-leave-active {
-  transition: transform 0.2s ease-in, opacity 0.1s ease;
+  transition: all 0.2s ease;
 }
-.list-enter-from,
+
+.list-enter,
 .list-leave-to {
   opacity: 0;
-  transform: translateX(10px);
-}
-.list-leave-active {
-  position: absolute;
+  transform: scale(0.8);
 }
 </style>