diff --git a/source/Component/HeaderBar/HeaderBar.scss b/source/Component/HeaderBar/HeaderBar.scss
index 7fa55be..e359457 100644
--- a/source/Component/HeaderBar/HeaderBar.scss
+++ b/source/Component/HeaderBar/HeaderBar.scss
@@ -1,3 +1,6 @@
 div.header-bar {
+    padding: 0 20px;
+    box-sizing: border-box;
     display: flex;
+    align-items: center;
 }
\ No newline at end of file
diff --git a/source/Component/HeaderBar/HeaderBar.tsx b/source/Component/HeaderBar/HeaderBar.tsx
index 86bc381..2c6ed1c 100644
--- a/source/Component/HeaderBar/HeaderBar.tsx
+++ b/source/Component/HeaderBar/HeaderBar.tsx
@@ -1,6 +1,7 @@
 import { Component, ReactNode } from "react";
 import { useStatus, IMixinStatusProps } from "@Context/Status";
 import { Theme, BackgroundLevel, FontLevel } from "@Component/Theme/Theme";
+import "./HeaderBar.scss";
 
 interface IHeaderBarProps {
     height: number;
@@ -31,7 +32,7 @@ class HeaderBar extends Component<IHeaderBarProps & IMixinStatusProps> {
             fontLevel={FontLevel.Level3}
             style={{ height: this.props.height }}
         >
-            Living Together | Web
+            <div>Living Together | Web</div>
         </Theme>
     }
 }
diff --git a/source/Component/Theme/Theme.scss b/source/Component/Theme/Theme.scss
index c714672..a4b95b8 100644
--- a/source/Component/Theme/Theme.scss
+++ b/source/Component/Theme/Theme.scss
@@ -18,10 +18,10 @@ $lt-bg-color-lvl4-dark: $ms-color-gray180;
 $lt-bg-color-lvl5-dark: $ms-color-gray200;
 
 // 文字颜色
-$lt-font-color-normal-dark: $ms-color-gray110;
-$lt-font-color-lvl3-dark: $ms-color-gray100;
-$lt-font-color-lvl2-dark: $ms-color-gray100;
-$lt-font-color-lvl1-dark: $ms-color-gray90;
+$lt-font-color-normal-dark: $ms-color-gray90;
+$lt-font-color-lvl3-dark: $ms-color-gray80;
+$lt-font-color-lvl2-dark: $ms-color-gray80;
+$lt-font-color-lvl1-dark: $ms-color-gray70;
 
 // 背景颜色
 $lt-bg-color-lvl1-light: $ms-color-gray10;