Fix navbar error

Errytagedesign · Aug 26, 2023 · 420690d · 420690d
1 parent da3b297
commit 420690d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -73,6 +73,8 @@ button {
   font-family: 'Montserrat', sans-serif;
   color: #121212;
   letter-spacing: 1.9px;
+  font-size: 0.8rem;
+  font-weight: 400;
 }
 
 .active-link {

diff --git a/src/components/NavBar.js b/src/components/NavBar.js
@@ -10,15 +10,15 @@ function NavBar() {
       <ul className="nav-links">
         <li>
           <NavLink
-            className={({ isActive }) => (isActive ? 'active-link' : 'nav-link')}
+            className={({ isActive }) => (isActive ? 'active-link nav-link' : 'nav-link')}
             to="/"
           >
             BOOKS
           </NavLink>
         </li>
         <li>
           <NavLink
-            className={({ isActive }) => (isActive ? 'active-link' : 'nav-link')}
+            className={({ isActive }) => (isActive ? 'active-link nav-link' : 'nav-link')}
             to="/categories"
           >
             CATEGORIES