diff --git a/Frontend/src/App.tsx b/Frontend/src/App.tsx
index 9270da4..0691ba1 100644
--- a/Frontend/src/App.tsx
+++ b/Frontend/src/App.tsx
@@ -1,5 +1,5 @@
 // import React from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import { Routes, Route } from 'react-router-dom';
 import Footer from './Components/Footer/Footer';
 import Prizes from './Components/Prizes/Prizes';
 import './App.css';
@@ -11,12 +11,12 @@ import Timeline from './Components/Timeline/Timeline';
 import Intro from './Components/Introduction/Intro';
 import Registration from './Components/TeamRegistration/TeamRegi';
 import ContactUs from './Components/ContactUs/ContactUs';
+import "@fontsource/ibm-plex-mono"
 
 
 function App() {
   return (
     <div className="content">
-      <Router>
         <Navbar />       
       <Routes>
         <Route path="/team" element={<Registration />} />
@@ -33,7 +33,6 @@ function App() {
           </div>
         } />     
       </Routes>
-        </Router>
       <Footer />
     </div>
   );
diff --git a/Frontend/src/index.tsx b/Frontend/src/index.tsx
index b11c694..a21a5da 100644
--- a/Frontend/src/index.tsx
+++ b/Frontend/src/index.tsx
@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { HashRouter } from 'react-router-dom';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
@@ -10,8 +11,9 @@ const root = ReactDOM.createRoot(
 root.render(
   <React.StrictMode>
 
-
+    <HashRouter>
       <App />
+    </HashRouter>
 
     
   </React.StrictMode>