diff --git a/src/templates.ts b/src/templates.ts
index e991412b..c6e16a92 100644
--- a/src/templates.ts
+++ b/src/templates.ts
@@ -17,11 +17,20 @@ export function addTemplates (options: ModuleOptions, nuxt: Nuxt) {
     color-scheme: light dark;
   }
 
-  @keyframes slide-up {
+  @keyframes accordion-up {
+    from { height: var(--radix-accordion-content-height); }
+    to { height: 0; }
+  }
+  @keyframes accordion-down {
+    from { height: 0; }
+    to { height: var(--radix-accordion-content-height); }
+  }
+
+  @keyframes collapsible-up {
     from { height: var(--radix-collapsible-content-height); }
     to { height: 0; }
   }
-  @keyframes slide-down {
+  @keyframes collapsible-down {
     from { height: 0; }
     to { height: var(--radix-collapsible-content-height); }
   }
diff --git a/src/theme/accordion.ts b/src/theme/accordion.ts
index e8060f72..f4b37070 100644
--- a/src/theme/accordion.ts
+++ b/src/theme/accordion.ts
@@ -4,7 +4,7 @@ export default {
     item: 'border-b border-gray-200 dark:border-gray-800 last:border-b-0',
     header: 'flex',
     trigger: 'group flex-1 flex items-center gap-1.5 font-medium text-sm py-3.5 disabled:cursor-not-allowed disabled:opacity-75 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400',
-    content: 'text-sm pb-3.5 data-[state=open]:animate-[slide-down_200ms_ease-out] data-[state=closed]:animate-[slide-up_200ms_ease-out] overflow-hidden focus:outline-none',
+    content: 'text-sm pb-3.5 data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none',
     leadingIcon: 'shrink-0 size-5',
     trailingIcon: 'ms-auto size-5 group-data-[state=open]:rotate-180 transition-transform duration-200',
     label: 'truncate'
diff --git a/src/theme/collapsible.ts b/src/theme/collapsible.ts
index b4bf87b9..9fb6b589 100644
--- a/src/theme/collapsible.ts
+++ b/src/theme/collapsible.ts
@@ -1,6 +1,6 @@
 export default {
   slots: {
     root: '',
-    content: 'data-[state=open]:animate-[slide-down_200ms_ease-out] data-[state=closed]:animate-[slide-up_200ms_ease-out] overflow-hidden'
+    content: 'data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden'
   }
 }