diff --git a/src/app/app.component.html b/src/app/app.component.html
index 8702d50..3694993 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-light bg-light">
+<nav class="navbar navbar-light bg-light-self">
   <span class="navbar-text nav-text-lg">
     {{ 'APP_TITLE' | translate }}
   </span>
diff --git a/src/styles.scss b/src/styles.scss
index efafdd0..b1d2985 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -2,7 +2,7 @@
 @import '../node_modules/bootstrap/scss/bootstrap';
 
 // 自定义 navBar 背景色
-.bg-light {
+.bg-light-self {
     background-color: rgb(141, 198, 248) !important;
 }