diff --git a/sports-matcher/src/App.js b/sports-matcher/src/App.js
index f6ab87b..7fd5faf 100644
--- a/sports-matcher/src/App.js
+++ b/sports-matcher/src/App.js
@@ -5,6 +5,7 @@ import SignUp from './SignUp';
 import Admin from './Admin';
 import Home from './Home';
 import ChatWindow from './ChatWindow';
+import UserDashboard from './UserDashboard';
 function App() {
   return (
     <div className="App">
@@ -14,6 +15,7 @@ function App() {
         <Route path="sign-up" element={<SignUp />} />
         <Route path="admin" element={<Admin />} />
         <Route path="chat-window" element={<ChatWindow />} />
+        <Route path="user-dashboard" element={<UserDashboard />} />
       </Routes>
     </div>
   );
diff --git a/sports-matcher/src/Navbar.js b/sports-matcher/src/Navbar.js
index c9f0fe1..066d57c 100644
--- a/sports-matcher/src/Navbar.js
+++ b/sports-matcher/src/Navbar.js
@@ -98,7 +98,7 @@ export default function Navbar() {
             {pages.map((page) => (
               <Button
                 key={page}
-                onClick={handleCloseNavMenu}
+                onClick={() => { navigate('/user-dashboard') }}
                 sx={{ my: 2, color: 'white', display: 'block', textTransform: 'none', fontSize: '100%' }}
               >
                 {page}
diff --git a/sports-matcher/src/UserDashboard.js b/sports-matcher/src/UserDashboard.js
index d93d829..8f17e5e 100644
--- a/sports-matcher/src/UserDashboard.js
+++ b/sports-matcher/src/UserDashboard.js
@@ -12,11 +12,13 @@ import Filter from "./Filter";
 import SearchBar from "./SearchBar";
 import { useNavigate } from 'react-router-dom';
 import MatchesList from './MatchesList';
+import Navbar from './Navbar';
 
 export default function UserDashboard() {
   const navigate = useNavigate();
   return (
     <div>
+      <Navbar></Navbar>
       <SearchBar></SearchBar>
       <Filter></Filter>
       <MatchesList></MatchesList>