diff --git a/src/App.tsx b/src/App.tsx
index 87e791b..9ac69ae 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -250,13 +250,16 @@ function App() {
               end
               className={({ isActive }) => `nav-link${isActive ? " nav-link-active" : ""}`}
             >
-              Articles
+              articles
             </NavLink>
+            <span className="nav-separator" aria-hidden="true">
+              //
+            </span>
             <NavLink
               to={ARTIFACTS_PATH}
               className={({ isActive }) => `nav-link${isActive ? " nav-link-active" : ""}`}
             >
-              Artifacts
+              artifacts
             </NavLink>
           </nav>
         </div>
diff --git a/src/styles.css b/src/styles.css
index ac0a758..39ed7ec 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -118,10 +118,9 @@ a:hover {
 .site-nav {
   display: flex;
   align-items: center;
-  gap: 18px;
+  gap: 10px;
   font-size: 0.8rem;
   letter-spacing: 0.08em;
-  text-transform: uppercase;
 }
 
 .nav-link {
@@ -136,6 +135,10 @@ a:hover {
   border-bottom-color: #111111;
 }
 
+.nav-separator {
+  color: #444444;
+}
+
 .content {
   max-width: 100%;
 }