diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 8a29a81..84edf44 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -1,3 +1,4 @@
+import { Link } from "gatsby"
 import React, { PropsWithChildren } from "react"
 import { Container } from "../Container"
 import logo from "../../images/tph-logo.png"
@@ -16,7 +17,9 @@ export function Header() {
     <SC.HeaderWrapper>
       <Container>
         <SC.InnerWrapper>
-          <SC.Logo src={logo} />
+          <Link to="/">
+            <SC.Logo src={logo} />
+          </Link>
           <SC.Menu>
             <MenuItem to="/about">about</MenuItem>
             <MenuItem to="/rules">rules</MenuItem>