diff --git a/src/components/NavBar/index.module.css b/src/components/NavBar/index.module.css
index ead9edf3..841d306c 100644
--- a/src/components/NavBar/index.module.css
+++ b/src/components/NavBar/index.module.css
@@ -36,6 +36,7 @@
   display: flex;
   align-items: center;
   padding: 8px 16px;
+  justify-content: center;
 
   @media (--md-scr) {
     padding: 8px 32px;
diff --git a/src/components/NavBar/index.tsx b/src/components/NavBar/index.tsx
index 358bfa5f..169dcd24 100644
--- a/src/components/NavBar/index.tsx
+++ b/src/components/NavBar/index.tsx
@@ -59,7 +59,13 @@ const NavBar: React.FC = () => {
             by <span>iterative.ai</span>
           </SmartLink>
           <div className={styles.nav__links}>
-            <SmartLink href="/doc" className={styles.nav__link}>
+            <SmartLink
+              href="/doc"
+              className={styles.nav__link}
+              style={{
+                display: 'flex'
+              }}
+            >
               Docs
             </SmartLink>
             <SmartLink