diff --git a/src/App.js b/src/App.js
index 083322d..05dab46 100644
--- a/src/App.js
+++ b/src/App.js
@@ -35,7 +35,7 @@ export const App = (props) => {
                     {Array.isArray(props.events) &&
                         props.events.map((e) => {
                             return (
-                                <Route key={e._id} exact path={`/${e._id}`}>
+                                <Route key={e._id} exact path={`/event/${e._id}`}>
                                     <Event id={e._id}></Event>
                                 </Route>
                             );
diff --git a/src/components/EventPreview/index.js b/src/components/EventPreview/index.js
index 1df7ce3..1bfda7e 100644
--- a/src/components/EventPreview/index.js
+++ b/src/components/EventPreview/index.js
@@ -4,7 +4,7 @@ import styles from "./index.module.scss";
 
 export const EventPreview = (props) => {
     return (
-        <Link to="/" className={styles.link}>
+        <Link to={`/event/${props.id}`} className={styles.link}>
             <div className={styles.item}>
                 <span className={styles.location}>{props.name ?? "Event name"}</span> <br></br>
                 <span>