diff --git a/src/app/docs/_components/DocumentSidebar/BlocksTab.tsx b/src/app/docs/_components/DocumentSidebar/BlocksTab.tsx
index 7a30b6da..09b293af 100644
--- a/src/app/docs/_components/DocumentSidebar/BlocksTab.tsx
+++ b/src/app/docs/_components/DocumentSidebar/BlocksTab.tsx
@@ -83,8 +83,8 @@ const BlocksTab = () => {
     { id: 'all', name: '全部', icon: 'Grid3X3' },
     { id: 'text', name: '文本', icon: 'Type' },
     { id: 'media', name: '媒体', icon: 'Image' },
-    { id: 'layout', name: '布局', icon: 'Layout' },
-    { id: 'data', name: '数据', icon: 'BarChart3' },
+    { id: 'layout', name: '布局', icon: 'LayoutDashboard' },
+    { id: 'data', name: '数据', icon: 'Database' },
     { id: 'interactive', name: '交互', icon: 'MousePointer' },
   ];
 
@@ -154,28 +154,28 @@ const BlocksTab = () => {
       category: 'data',
     },
     {
-      icon: 'BarChart3' as keyof typeof icons,
+      icon: 'ChartColumnBig' as keyof typeof icons,
       label: '图表',
       description: '插入各种类型的图表',
       blockType: 'chart',
       category: 'data',
     },
     {
-      icon: 'Columns' as keyof typeof icons,
+      icon: 'LayoutDashboard' as keyof typeof icons,
       label: '多列布局',
       description: '创建多列内容布局',
       blockType: 'columns',
       category: 'layout',
     },
     {
-      icon: 'Separator' as keyof typeof icons,
+      icon: 'Minus' as keyof typeof icons,
       label: '分割线',
       description: '添加水平分割线',
       blockType: 'divider',
       category: 'layout',
     },
     {
-      icon: 'CheckSquare' as keyof typeof icons,
+      icon: 'ListTodo' as keyof typeof icons,
       label: '任务列表',
       description: '创建可勾选的任务列表',
       blockType: 'todolist',
@@ -212,7 +212,7 @@ const BlocksTab = () => {
   };
 
   return (
-    <div className="p-4 space-y-4 flex flex-col  h-full">
+    <div className="p-4 space-y-4 flex flex-col h-full">
       {/* 搜索框 */}
       <div className="relative">
         <input
@@ -245,7 +245,7 @@ const BlocksTab = () => {
               key={category.id}
               onClick={() => setSelectedCategory(category.id)}
               className={cn(
-                'flex items-center space-x-1.5 px-2.5 py-1.5 rounded-md text-xs transition-colors',
+                'flex items-center space-x-1.5 px-2.5 py-1.5 rounded-md text-xs transition-colors cursor-pointer',
                 selectedCategory === category.id
                   ? 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300'
                   : 'bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-600',
diff --git a/src/app/docs/_components/DocumentSidebar/folder/components/FileTree.tsx b/src/app/docs/_components/DocumentSidebar/folder/components/FileTree.tsx
index 2a942b92..431acd15 100644
--- a/src/app/docs/_components/DocumentSidebar/folder/components/FileTree.tsx
+++ b/src/app/docs/_components/DocumentSidebar/folder/components/FileTree.tsx
@@ -67,8 +67,8 @@ const FileTree: React.FC<FileTreeProps> = ({
       <div key={file.id}>
         <div
           className={cn(
-            'flex items-center py-2 px-3 text-sm cursor-pointer relative group',
-            'transition-all duration-300 ease-out rounded-lg mx-2 my-0.5',
+            'flex items-center py-2 px-3 text-sm cursor-pointer relative group ',
+            'transition-all duration-300 ease-out rounded-lg mx-2 my-0.5 hover:z-[100]',
             isSelected && [
               'bg-gradient-to-r from-blue-500/90 via-indigo-500/90 to-blue-500/90',
               'text-white shadow-lg shadow-blue-500/25 dark:shadow-blue-400/20',