diff --git a/src/App.js b/src/App.js
index 32312b8..2df2267 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
 import { makeStyles } from "@material-ui/core";
 import Homepage from "./Pages/HomePage";
 import "./App.css";
-import { BrowserRouter, Route } from "react-router-dom";
+import { BrowserRouter,Routes, Route } from "react-router-dom";
 import CoinPage from "./Pages/CoinPage";
 import Header from "./components/Header";
 
@@ -17,13 +17,17 @@ function App() {
   const classes = useStyles();
 
   return (
-    <BrowserRouter>
+    
       <div className={classes.App}>
         <Header />
+        <BrowserRouter>
+        <Routes>
         <Route path="/" component={Homepage} exact />
         <Route path="/coins/:id" component={CoinPage} exact />
+        </Routes>
+        </BrowserRouter>
       </div>
-    </BrowserRouter>
+    
   );
 }