diff --git a/src/compenents/header/index.tsx b/src/compenents/header/index.tsx
index 5c4caf1..a9a783f 100644
--- a/src/compenents/header/index.tsx
+++ b/src/compenents/header/index.tsx
@@ -42,10 +42,10 @@ export const Header: React.FC = () => {
         <Button.Group className={styles["button-group"]}>
           <Dropdown menu={{ items, onClick }} placement="bottomRight">
             <div className="d-flex">
-              {user.name && <img style={{ width: 30, height: 30 }} src={avatar} />}
-              <Button type="link">
-                <span className="c-default">{user.name}</span>
-              </Button>
+              {user.name && (
+                <img style={{ width: 30, height: 30 }} src={avatar} />
+              )}
+              <span className="ml-8 c-admin">{user.name}</span>
             </div>
           </Dropdown>
         </Button.Group>
diff --git a/src/index.less b/src/index.less
index ef29a95..534c962 100644
--- a/src/index.less
+++ b/src/index.less
@@ -82,11 +82,15 @@ code {
   flex-direction: column;
 }
 
-.c-default {
+.c-admin {
   font-size: 14px;
   font-weight: 400;
   color: rgba(0, 0, 0, 0.88);
   line-height: 22px;
+  cursor: pointer;
+  &:hover {
+    opacity: 0.8;
+  }
 }
 
 .primary {
diff --git a/src/pages/home/index.module.less b/src/pages/home/index.module.less
index 8290ef2..1feb588 100644
--- a/src/pages/home/index.module.less
+++ b/src/pages/home/index.module.less
@@ -13,10 +13,13 @@
       width: 100%;
       height: 48px;
     }
-
     .right-main {
-      flex: 1;
+      width: 100%;
       box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      /* Firefox */
+      -webkit-box-sizing: border-box;
+      /* Safari */
       padding: 24px;
       overflow-y: auto;
       background-color: #f1f2f9;