diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 5bdf267cc..3c7e1596e 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -26,13 +26,10 @@ defineOptions({
 
 const iconClass = computed(() => {
   return [
-    "w-[22px]",
-    "h-[22px]",
-    "flex",
-    "justify-center",
-    "items-center",
+    "size-5.5",
+    "flex-c",
     "outline-hidden",
-    "rounded-[4px]",
+    "rounded-sm",
     "cursor-pointer",
     "transition-colors",
     "hover:bg-[#0000000f]",
diff --git a/src/views/system/role/utils/hook.tsx b/src/views/system/role/utils/hook.tsx
index 282d760b5..625ea6a09 100644
--- a/src/views/system/role/utils/hook.tsx
+++ b/src/views/system/role/utils/hook.tsx
@@ -94,7 +94,7 @@ export function useRole(treeRef: Ref) {
   ];
   // const buttonClass = computed(() => {
   //   return [
-  //     "h-[20px]!",
+  //     "h-5!",
   //     "reset-margin",
   //     "text-gray-500!",
   //     "dark:text-white!",
diff --git a/src/views/system/user/tree.vue b/src/views/system/user/tree.vue
index 7709cb876..4998cd288 100644
--- a/src/views/system/user/tree.vue
+++ b/src/views/system/user/tree.vue
@@ -35,7 +35,7 @@ const defaultProps = {
 };
 const buttonClass = computed(() => {
   return [
-    "h-[20px]!",
+    "h-5!",
     "text-sm!",
     "reset-margin",
     "text-(--el-text-color-regular)!",
diff --git a/src/views/system/user/utils/hook.tsx b/src/views/system/user/utils/hook.tsx
index 6e98f6592..140540439 100644
--- a/src/views/system/user/utils/hook.tsx
+++ b/src/views/system/user/utils/hook.tsx
@@ -163,7 +163,7 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
   ];
   const buttonClass = computed(() => {
     return [
-      "h-[20px]!",
+      "h-5!",
       "reset-margin",
       "text-gray-500!",
       "dark:text-white!",