diff --git a/examples/sites/src/views/layout/layout.vue b/examples/sites/src/views/layout/layout.vue
index 23bd3cf7a0..7e465bda83 100644
--- a/examples/sites/src/views/layout/layout.vue
+++ b/examples/sites/src/views/layout/layout.vue
@@ -218,22 +218,19 @@ export default defineComponent({
   }
 }
 
-.tiny-dropdown-item.is-actived {
-  background-color: var(--ti-dropdown-item-hover-bg-color);
-  color: var(--ti-dropdown-item-hover-text-color);
-  border-radius: var(--ti-dropdown-item-border-radius);
-}
-
 .is-collapsed + .main-menu.tiny-tree-menu {
   height: 100%;
 }
 
 .main-menu.tiny-tree-menu {
-  --ti-tree-menu-node-current-text-color: #191919;
-
   height: 100%;
   padding-top: 30px;
   padding-left: 10px;
+  width: 276px;
+
+  &.is-collapsed {
+    width: 0;
+  }
 
   &::before {
     display: none;
@@ -251,20 +248,18 @@ export default defineComponent({
       .tiny-tree-node__content:hover {
         border-radius: 20px;
       }
-
-      &.is-current {
-        > .tiny-tree-node__content .node-name-label {
-          font-weight: 600;
-        }
-
-        .menu-type-icon {
-          fill: #191919;
+      .tiny-tree-node__content {
+        height: 40px;
+        line-height: 40px;
+        &::before {
+          display: none;
         }
       }
     }
 
     .node-float-tip {
       border-radius: 0;
+      margin-right: 8px;
     }
   }
 
@@ -281,11 +276,7 @@ export default defineComponent({
   .tiny-input {
     margin: 0 10px 12px;
     width: auto;
-
-    .tiny-input__inner {
-      width: 100%;
-      border: 1px solid #f0f0f0;
-    }
+    max-width: unset;
   }
 
   .tiny-tree-node__content-box {