diff --git a/app/templates/layouts/components/navigation.twig b/app/templates/layouts/components/navigation.twig
new file mode 100644
index 0000000..a14e487
--- /dev/null
+++ b/app/templates/layouts/components/navigation.twig
@@ -0,0 +1,12 @@
+<nav>
+    <ul>
+        {% if session.get('authenticated') %}
+            <li><a href="{{ url_for("dashboard") }}">Dashboard</a></li>
+            <li><a href="{{ url_for("user-logout") }}">Logout</a></li>
+        {% else %}
+            <li><a href="{{ url_for("user-login-page") }}">Login</a></li>
+            <li><a href="{{ url_for("user-register-page") }}">Register</a></li>
+        {% endif %}
+    </ul>
+</nav>
+
diff --git a/app/templates/layouts/skeleton.twig b/app/templates/layouts/skeleton.twig
index d6187a1..4c09f61 100644
--- a/app/templates/layouts/skeleton.twig
+++ b/app/templates/layouts/skeleton.twig
@@ -17,17 +17,7 @@
             {% block header %}{% endblock %}
         </header>
 
-        <nav>
-            <ul>
-                {% if session.get('authenticated') %}
-                    <li><a href="{{ url_for("dashboard") }}">Dashboard</a></li>
-                    <li><a href="{{ url_for("user-logout") }}">Logout</a></li>
-                {% else %}
-                    <li><a href="{{ url_for("user-login-page") }}">Login</a></li>
-                    <li><a href="{{ url_for("user-register-page") }}">Register</a></li>
-                {% endif %}
-            </ul>
-        </nav>
+        {% include 'layouts/components/navigation.twig' %}
 
         <main>
             {% include 'layouts/components/flash.twig' %}