diff --git a/template/admin/src/layout/component/columnsAside.vue b/template/admin/src/layout/component/columnsAside.vue
index de8d4f8e8..5aa401f76 100644
--- a/template/admin/src/layout/component/columnsAside.vue
+++ b/template/admin/src/layout/component/columnsAside.vue
@@ -8,6 +8,7 @@
           :key="k"
           @click="onColumnsAsideMenuClick(v)"
           ref="columnsAsideOffsetTopRefs"
+          class="layout-columns"
           :class="{ 'layout-columns-active': v.k === liIndex }"
           :title="$t(v.title)"
         >
@@ -245,6 +246,9 @@ export default {
         color: var(--prev-bg-columnsMenuBarColor);
       }
     }
+    .layout-columns {
+      transition: 0.3s ease-in-out;
+    }
     .layout-columns-active,
     .layout-columns-active a {
       color: var(--prev-bg-columnsMenuActiveColor);