1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index e61ac63..75d96a9 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 
 interface Props {
   navigation: {
@@ -11,7 +12,7 @@ const Header: React.FC<Props> = ({ children, navigation }) => {
   return (
     <header className="bg-black text-white flex">
       {navigation.map(({ name, route }) => (
-        <a href={route} className="py-6 px-8 font-bold tracking-wide hover:underline">{name}</a>
+        <Link to={route} className="py-6 px-8 font-bold tracking-wide hover:underline">{name}</Link>
       ))}
     </header>
   );