diff --git a/packages/library/src/components/ui/dialog/DialogContent.vue b/packages/library/src/components/ui/dialog/DialogContent.vue
index 6e824dd..cce7820 100644
--- a/packages/library/src/components/ui/dialog/DialogContent.vue
+++ b/packages/library/src/components/ui/dialog/DialogContent.vue
@@ -34,8 +34,8 @@ watch(context.open, (value) => { isLocked.value = value }, { immediate: true })
   <Teleport to="body">
     <DialogOverlay />
     <Transition
-      enter-active-class="animate-in fade-in-0 zoom-in-95 duration-100"
-      leave-active-class="animate-out fade-out-0 zoom-out-95 duration-100"
+      enter-active-class="animate-in fade-in-0 zoom-in-95 animation-duration-100"
+      leave-active-class="animate-out fade-out-0 zoom-out-95 animation-duration-100"
     >
       <div
         v-if="context.open.value"
diff --git a/packages/library/src/components/ui/dialog/DialogOverlay.vue b/packages/library/src/components/ui/dialog/DialogOverlay.vue
index c27fadb..c49d522 100644
--- a/packages/library/src/components/ui/dialog/DialogOverlay.vue
+++ b/packages/library/src/components/ui/dialog/DialogOverlay.vue
@@ -10,8 +10,8 @@ const context = inject(DialogContextKey)!
 
 <template>
   <Transition
-    enter-active-class="animate-in fade-in-0 duration-100"
-    leave-active-class="animate-out fade-out-0 duration-100"
+    enter-active-class="animate-in fade-in-0 animation-duration-100"
+    leave-active-class="animate-out fade-out-0 animation-duration-100"
   >
     <div
       v-if="context.open.value"
diff --git a/packages/library/src/components/ui/dialog/DialogScrollContent.vue b/packages/library/src/components/ui/dialog/DialogScrollContent.vue
index 8acafd1..6c6fb9c 100644
--- a/packages/library/src/components/ui/dialog/DialogScrollContent.vue
+++ b/packages/library/src/components/ui/dialog/DialogScrollContent.vue
@@ -34,8 +34,8 @@ watch(context.open, (value) => { isLocked.value = value }, { immediate: true })
 <template>
   <Teleport to="body">
     <Transition
-      enter-active-class="animate-in fade-in-0 duration-100"
-      leave-active-class="animate-out fade-out-0 duration-100"
+      enter-active-class="animate-in fade-in-0 animation-duration-100"
+      leave-active-class="animate-out fade-out-0 animation-duration-100"
     >
       <div
         v-if="context.open.value"
diff --git a/packages/library/src/components/ui/select/SelectContent.vue b/packages/library/src/components/ui/select/SelectContent.vue
index 8729c13..a49fdb3 100644
--- a/packages/library/src/components/ui/select/SelectContent.vue
+++ b/packages/library/src/components/ui/select/SelectContent.vue
@@ -85,8 +85,8 @@ watch(context.open, (value) => { isLocked.value = value }, { immediate: true })
 <template>
   <Teleport to="body">
     <Transition
-      enter-active-class="animate-in fade-in-0 zoom-in-95 duration-100"
-      leave-active-class="animate-out fade-out-0 zoom-out-95 duration-100"
+      enter-active-class="animate-in fade-in-0 zoom-in-95 animation-duration-100"
+      leave-active-class="animate-out fade-out-0 zoom-out-95 animation-duration-100"
     >
       <div
         v-if="context.open.value"