diff --git a/src/layout/components/header/index.vue b/src/layout/components/header/index.vue
index 4ecb696..ed563fd 100644
--- a/src/layout/components/header/index.vue
+++ b/src/layout/components/header/index.vue
@@ -12,7 +12,7 @@ import HeaderAction from './HeaderAction.vue'
 
 <style lang="scss" scoped>
 .header {
-  padding: 0 35px;
+  padding: 0 24px;
   height: 100%;
   display: flex;
   justify-content: space-between;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index f03605f..b8f0b77 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -11,13 +11,13 @@ import AppMain from './components/AppMain.vue'
         <side-menu />
       </n-layout-sider>
       <n-layout>
-        <n-layout-header style="height: 100px; background-color: #f5f6fb">
+        <n-layout-header>
           <app-header />
         </n-layout-header>
         <n-layout
           position="absolute"
-          content-style="padding: 0 35px 35px;height: 100%;"
-          style="top: 100px; background-color: #f5f6fb"
+          content-style="height: 100%;"
+          style="top: 60px; background-color: #f5f6fb"
           :native-scrollbar="false"
         >
           <app-main />
@@ -26,3 +26,12 @@ import AppMain from './components/AppMain.vue'
     </n-layout>
   </div>
 </template>
+
+<style lang="scss" scoped>
+.n-layout-header {
+  height: 60px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+</style>