diff --git a/src/_data/nav.json b/src/_data/nav.json
index b228017..e8ad805 100644
--- a/src/_data/nav.json
+++ b/src/_data/nav.json
@@ -1,5 +1,9 @@
 {
     "items": [
+        {
+            "text": "Home",
+            "url": "/"
+        },
         {
             "text": "All recipes",
             "url": "/recipes/"
diff --git a/src/_includes/components/navigation.njk b/src/_includes/components/navigation.njk
index 694694a..ed67f7f 100644
--- a/src/_includes/components/navigation.njk
+++ b/src/_includes/components/navigation.njk
@@ -1,14 +1,15 @@
 <nav class="c-nav">
     <ul class="c-nav__list">
-        <li>
-            <a href="/" class="c-nav__home">
-                <span class="c-nav__logo">{% include "icons/logo.svg" %}</span>
-                <span class="c-nav__nav-item c-nav__home-text {{ 'c-nav__nav-item--active' if page.url == '/' }}">Home</span>
-            </a>
-        </li>
         {% for navItem in nav.items %}
             <li>
-                <a href="{{ navItem.url }}" class="c-nav__nav-item {{ 'c-nav__nav-item--active' if page.url == navItem.url }}">{{ navItem.text }}</a>
+                {% if navItem.url == "/" %}
+                    <a href="/" class="c-nav__home">
+                        <span class="c-nav__logo">{% include "icons/logo.svg" %}</span>
+                        <span class="c-nav__nav-item c-nav__home-text {{ 'c-nav__nav-item--active' if page.url == '/' }}">{{ navItem.text }}</span>
+                    </a>
+                {% else%}
+                    <a href="{{ navItem.url }}" class="c-nav__nav-item {{ 'c-nav__nav-item--active' if page.url == navItem.url }}">{{ navItem.text }}</a>
+                {% endif %}
             </li>
         {% endfor %}
     </ul>