diff --git a/src/App.tsx b/src/App.tsx
index 9b9b1c0..bf4477c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,11 +1,16 @@
 import './App.css'
-import navbar from "./components/navbar.tsx";
+import Navbar from "./components/Navbar.tsx";
+import {BrowserRouter} from "react-router-dom";
 
 function App() {
 
-  return (
-      navbar()
-      )
+    return (
+        <BrowserRouter>
+            <div>
+                <Navbar/>
+            </div>
+        </BrowserRouter>
+    )
 }
 
 export default App
diff --git a/src/components/navbar.tsx b/src/components/Navbar.tsx
similarity index 94%
rename from src/components/navbar.tsx
rename to src/components/Navbar.tsx
index 1aec356..ef7efba 100644
--- a/src/components/navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,7 +1,7 @@
 import {NavLink} from 'react-router-dom'
 import '../styles/navbar.css'
 
-export default function navbar() {
+export default function Navbar() {
     return (
         <nav className="navbar flex gap-4">
             <NavLink to={"/"} className="navbar-left flex item-center gap-2">Home</NavLink>