diff --git a/src/App.tsx b/src/App.tsx
index 4c00654166591aed7d43e010f3cc04546625ce80..8e7d027427ed62f267f297ff1a88119998587beb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,6 +3,7 @@ import "./App.css";
 import { Navbar } from "./components/Navbar";
 import Homepage from "./components/Homepage/Hompage";
 import Blog from "./components/Blog/Blog";
+import FormArticle from "./components/Article/FormArticle";
 
 function App() {
 	return (
@@ -12,6 +13,7 @@ function App() {
 			<Routes>
 				<Route path="/" element={<Homepage />} />
 				<Route path="/" element={<Blog />} />
+				<Route path="/form-article" element={<FormArticle />} />
 			</Routes>
 		</>
 	);
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 4b682627035fb35f5d88903dfd86754dfd7dee05..378ae09c4db5fd4418c540b0d933422a184bd2f7 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -40,9 +40,14 @@ export function Navbar() {
 				color="blue-gray"
 				className="p-1 font-normal"
 			>
-				<a href="#" className="flex items-center">
+				<NavLink
+					to="/blog"
+					className={({ isActive }) =>
+						isActive ? "activeMenu" : undefined
+					}
+				>
 					Ajouter un article
-				</a>
+				</NavLink>
 			</Typography>
 		</ul>
 	);