diff --git a/tailwind.config.ts b/tailwind.config.ts
index b6a490ce..7e2e1731 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -52,12 +52,12 @@ const config: Config = {
           to: { height: '0' },
         },
         'collapsible-down': {
-          from: { height: '0' },
-          to: { height: 'var(--radix-collapsible-content-height)' },
+          from: { height: '0', opacity: '0' },
+          to: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },
         },
         'collapsible-up': {
-          from: { height: 'var(--radix-collapsible-content-height)' },
-          to: { height: '0' },
+          from: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },
+          to: { height: '0', opacity: '0' },
         },
         'fade-out-slide-out': {
           from: {