diff --git a/web/src/App.vue b/web/src/App.vue
index 85dfb6a..004a068 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -8,7 +8,7 @@
   -moz-osx-font-smoothing: grayscale;
   height: 100vh;
   width: 100vw;
-  --el-color-primary: #384388;
+  --el-color-primary: #92ACD1;
   --background-color: #F2F6FF;
 }
 
diff --git a/web/src/views/home.vue b/web/src/views/home.vue
index 5f8c1e9..1d7970a 100644
--- a/web/src/views/home.vue
+++ b/web/src/views/home.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="home">
-    <div class="headerNav">
+    <div class="headerNav flex center pad-h32">
       <b class="mar-r32" v-text="$sys.title"/>
       <el-row class="fill"/>
       <el-row align="middle" class="right">
@@ -62,13 +62,10 @@ export default {
 
   .headerNav {
     width: 100vw;
-    height: 80px;
-    padding: 0 30px;
+    height: 60px;
     color: #fff;
     background: var(--el-color-primary);
     box-sizing: border-box;
-    align-items: center;
-    display: flex;
 
     & > b {
       font-size: 18px;
@@ -134,4 +131,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>