diff --git a/src/components/shared/TreeView.vue b/src/components/shared/TreeView.vue
index d98a8f99..3db88a5d 100644
--- a/src/components/shared/TreeView.vue
+++ b/src/components/shared/TreeView.vue
@@ -91,7 +91,7 @@ function toggleExpand(node: Node) {
             <q-icon
               name="mdi-chevron-down-circle"
               size="sm"
-              :style="`transform: rotate(${node.opened ? '180deg' : '0'})`"
+              :style="`transform: rotate(${node.opened ? '180deg' : '0'}); transition: transform 0.3s ease;`"
             />
           </div>