diff --git a/packages/navBar/index.css b/packages/navBar/index.css
index df948b5..81fb139 100644
--- a/packages/navBar/index.css
+++ b/packages/navBar/index.css
@@ -17,7 +17,7 @@
   vertical-align: middle;
 }
 .zui-nav-bar--border-bottom {
-  border-bottom: 1px solid #E2E4EA;
+  border-bottom: 0.0625rem solid #E2E4EA;
 }
 .zui-nav-bar--fixed {
   position: fixed;
@@ -32,7 +32,7 @@
   justify-content: center;
   text-align: center;
   flex: auto;
-  font-size: 18px;
+  font-size: 1.125rem;
   font-weight: 700;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -41,28 +41,28 @@
 .zui-nav-bar__left,
 .zui-nav-bar__right {
   flex: 1;
-  font-size: 16px;
+  font-size: 1rem;
   display: flex;
   align-items: center;
 }
 .zui-nav-bar__left {
   justify-content: flex-start;
-  padding-left: 10px;
+  padding-left: 0.625rem;
 }
 .zui-nav-bar__right {
   justify-content: flex-end;
-  padding-right: 10px;
+  padding-right: 0.625rem;
 }
 .zui-nav-bar__left,
 .zui-nav-bar__right,
 .zui-nav-bar__title {
-  padding-top: 9px;
-  padding-bottom: 9px;
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
 }
 .zui-nav-bar__text {
   display: inline-block;
-  margin: 0 2px;
-  padding: 0 2px;
+  margin: 0 0.125rem;
+  padding: 0 0.125rem;
   vertical-align: middle;
 }
 .zui-ellipsis {
--
libgit2 0.21.0