diff --git a/assets/css/header.css b/assets/css/header.css
index 2a2589d..3e0edf3 100644
--- a/assets/css/header.css
+++ b/assets/css/header.css
@@ -9,3 +9,7 @@
 .header-title {
   margin-bottom: 0;
 }
+
+.header-title-link {
+  color: #000;
+}
diff --git a/lib/osuuspuutarha_web/templates/layout/root.html.heex b/lib/osuuspuutarha_web/templates/layout/root.html.heex
index 18bfb4d..5fc39c2 100644
--- a/lib/osuuspuutarha_web/templates/layout/root.html.heex
+++ b/lib/osuuspuutarha_web/templates/layout/root.html.heex
@@ -12,8 +12,10 @@
   <body>
     <header>
       <section class="container header-container">
-        <img src={Routes.static_path(@conn, "/images/logo.jpg")} alt="Osuuspuutarha Logo"/>
-        <h1 class="header-title">Livonsaaren Osuuspuutarha</h1>
+      
+        <a href="/"><img src={Routes.static_path(@conn, "/images/logo.jpg")} alt="Osuuspuutarha Logo"/></a>
+        <a href="/" class="header-title-link"><h1 class="header-title">Livonsaaren Osuuspuutarha</h1></a>
+      
       </section>
     </header>
     <%= @inner_content %>
