diff --git a/client/src/components/Header/components/NavLinks.js b/client/src/components/Header/components/NavLinks.js
index f99f5ada5c..a689a3fcd6 100644
--- a/client/src/components/Header/components/NavLinks.js
+++ b/client/src/components/Header/components/NavLinks.js
@@ -16,16 +16,16 @@ function NavLinks({ displayMenu }) {
       >
         <li className='nav-news' role='menuitem'>
           <Link external={true} to='/news'>
-            News
+            /news
           </Link>
         </li>
         <li className='nav-forum' role='menuitem'>
           <Link external={true} to='/forum'>
-            Forum
+            /forum
           </Link>
         </li>
         <li className='nav-projects' role='menuitem'>
-          <Link to='/learn'>Learn</Link>
+          <Link to='/learn'>/learn</Link>
         </li>
       </ul>
     </div>
diff --git a/client/src/components/Header/components/universalNav.css b/client/src/components/Header/components/universalNav.css
index 630864b325..bd054c35d8 100644
--- a/client/src/components/Header/components/universalNav.css
+++ b/client/src/components/Header/components/universalNav.css
@@ -19,6 +19,7 @@
 
 .universal-nav a {
   text-decoration: none;
+  font-family: 'Roboto Mono', monospace;
 }
 
 .universal-nav-middle {
@@ -129,7 +130,7 @@
   border: 1px solid var(--gray-00);
 }
 
-@media (max-width: 355px) {
+@media (max-width: 300px) {
   .nav-list li a {
     width: 50vw;
     text-align: center;