diff --git a/src/App.js b/src/App.js
index 49a031b..e28b101 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,14 +6,14 @@ import Home from './pages/Home';
 import Contact from './pages/Contact';
 
 function App() {
-  const basePath = '/react-cgecko-api'
+  const basePath = 'react-cgecko-api'
 
   return (
     <div className="App">
       <Header></Header>
       <Routes>
-        <Route path={`${basePath}/`} element={<Home/>} />
-        <Route path={`${basePath}/contact`} element={<Contact/>} />
+        <Route path={`/${basePath}/`} element={<Home/>} />
+        <Route path={`/${basePath}/contact`} element={<Contact/>} />
       </Routes>
     </div>
   );
diff --git a/src/components/Navbar/index.jsx b/src/components/Navbar/index.jsx
index 2d39881..d2026d6 100644
--- a/src/components/Navbar/index.jsx
+++ b/src/components/Navbar/index.jsx
@@ -3,16 +3,16 @@ import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 
 const Header = () => {
-  const basePath = '/react-cgecko-api'
+  const basePath = 'react-cgecko-api'
 
   return (
     <>
       <Navbar bg="primary" data-bs-theme="dark">
         <Container>
-          <Navbar.Brand href={`${basePath}/`}>React Boostrap</Navbar.Brand>
+          <Navbar.Brand href={`/${basePath}/`}>React Boostrap</Navbar.Brand>
           <Nav className="me-auto">
-            <Nav.Link href={`${basePath}/`}>Home</Nav.Link>
-            <Nav.Link href={`${basePath}/contact`}>Contact</Nav.Link>
+            <Nav.Link href={`/${basePath}/`}>Home</Nav.Link>
+            <Nav.Link href={`/${basePath}/contact`}>Contact</Nav.Link>
           </Nav>
         </Container>
       </Navbar>