diff --git a/src/components/Tree/src/BasicTree.vue b/src/components/Tree/src/BasicTree.vue
index 6cad64cb..db178d36 100644
--- a/src/components/Tree/src/BasicTree.vue
+++ b/src/components/Tree/src/BasicTree.vue
@@ -402,12 +402,12 @@
           const iconDom = icon ? (
             <TreeIcon icon={icon} />
           ) : slots.icon ? (
-            <span class="mr-1">{getSlot(slots, 'icon')}</span>
+            <span class="mr-2">{getSlot(slots, 'icon')}</span>
           ) : null;
 
           item[titleField] = (
             <span
-              class={`${bem('title')} pl-2`}
+              class={`${bem('title')}`}
               onClick={handleClickNode.bind(null, item[keyField], item[childrenField])}
             >
               {slots?.title ? (
diff --git a/src/components/Tree/src/TreeIcon.ts b/src/components/Tree/src/TreeIcon.ts
index 30eeef97..5f3e765d 100644
--- a/src/components/Tree/src/TreeIcon.ts
+++ b/src/components/Tree/src/TreeIcon.ts
@@ -6,7 +6,7 @@ import Icon from '@/components/Icon/Icon.vue';
 export const TreeIcon = ({ icon }: { icon: VNode | string | undefined }) => {
   if (!icon) return null;
   if (isString(icon)) {
-    return h(Icon, { icon, class: 'mr-1' });
+    return h(Icon, { icon, class: 'mr-2' });
   }
   return h(Icon);
 };
diff --git a/src/components/Tree/src/components/TreeHeader.vue b/src/components/Tree/src/components/TreeHeader.vue
index 87c39752..7279b660 100644
--- a/src/components/Tree/src/components/TreeHeader.vue
+++ b/src/components/Tree/src/components/TreeHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="bem()" class="flex px-2 py-1.5 items-center">
+  <div :class="bem()" class="flex mb-1 px-2 py-1.5 items-center">
     <slot name="headerTitle" v-if="slots.headerTitle"></slot>
     <BasicTitle :helpMessage="helpMessage" v-if="!slots.headerTitle && title">
       {{ title }}
diff --git a/src/components/Tree/style/index.less b/src/components/Tree/style/index.less
index 231f27ba..b8e689b8 100644
--- a/src/components/Tree/style/index.less
+++ b/src/components/Tree/style/index.less
@@ -3,13 +3,22 @@
 .@{tree-prefix-cls} {
   background-color: @component-background;
 
+  .ant-tree {
+    .ant-tree-checkbox {
+      margin-block-start: 0;
+      margin-inline-start: 4px;
+      margin-inline-end: 4px;
+
+      & + span {
+        padding-left: 4px;
+      }
+    }
+  }
+
   .ant-tree-node-content-wrapper {
     position: relative;
 
     .ant-tree-title {
-      position: absolute;
-      left: 0;
-      width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
diff --git a/src/views/demo/tree/index.vue b/src/views/demo/tree/index.vue
index 71554252..da3f3261 100644
--- a/src/views/demo/tree/index.vue
+++ b/src/views/demo/tree/index.vue
@@ -3,7 +3,7 @@
     <Row :gutter="[16, 16]">
       <Col :span="8">
         <BasicTree title="基础示例，默认展开第一层" :treeData="treeData" defaultExpandLevel="1">
-          <template #icon><SmileTwoTone /></template>
+          <template #icon><SmileTwoTone style="font-size: 16px" /></template>
           <template #title>666</template>
           <template #switcherIcon> <CarryOutOutlined /></template>
         </BasicTree>