diff --git a/react-ui/src/components/KFSpin/index.tsx b/react-ui/src/components/KFSpin/index.tsx
index 64d315a9..519ab6ef 100644
--- a/react-ui/src/components/KFSpin/index.tsx
+++ b/react-ui/src/components/KFSpin/index.tsx
@@ -1,3 +1,9 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-09-02 08:42:57
+ * @Description: 自定义 Spin
+ */
+
 import { Spin, SpinProps } from 'antd';
 import styles from './index.less';
 
diff --git a/react-ui/src/components/MenuIconSelector/index.less b/react-ui/src/components/MenuIconSelector/index.less
index c4b134b8..77529762 100644
--- a/react-ui/src/components/MenuIconSelector/index.less
+++ b/react-ui/src/components/MenuIconSelector/index.less
@@ -1,16 +1,25 @@
 .menu-icon-selector {
   // grid 布局，每行显示 8 个图标
   display: grid;
-  grid-auto-rows: 1fr;
-  grid-template-columns: repeat(4, 1fr);
+  grid-template-columns: repeat(4, 80px);
+  gap: 20px;
+  justify-content: space-between;
+  width: 100%;
 
   &__item {
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 80x;
     height: 80px;
+    border: 1px solid transparent;
+    border-radius: 4px;
     cursor: pointer;
 
+    &:hover {
+      border-color: @primary-color;
+    }
+
     &__icon {
       display: block;
     }
diff --git a/react-ui/src/components/MenuIconSelector/index.tsx b/react-ui/src/components/MenuIconSelector/index.tsx
index 2204c348..dd57320e 100644
--- a/react-ui/src/components/MenuIconSelector/index.tsx
+++ b/react-ui/src/components/MenuIconSelector/index.tsx
@@ -1,3 +1,9 @@
+/*
+ * @Author: 赵伟
+ * @Date: 2024-04-17 16:59:42
+ * @Description: 菜单图标选择器
+ */
+
 import KFIcon from '@/components/KFIcon';
 import KFModal from '@/components/KFModal';
 import iconData from '@/iconfont/iconfont-menu.json';