diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 5d650b1..3f2214b 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -28,14 +28,21 @@
   </head>
 
   <body>
-    <nav class="m-4">
-      <ul class="inline *:inline *:pr-2 *:after:content-['|'] *:after:pl-2">
-        <li><%= link_to "Home", root_path %></li>
+    <nav class="m-4 flex justify-between">
+      <ul class="flex items-center *:inline *:pr-2 *:not-last:after:content-['|'] *:after:pl-2">
+        <li>
+          <%= link_to root_path, class: 'inline-block' do %>
+            <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 7.093v-5.093h-3v2.093l3 3zm4 5.907l-12-12-12 12h3v10h7v-5h4v5h7v-10h3zm-5 8h-3v-5h-8v5h-3v-10.26l7-6.912 7 6.99v10.182z"/></svg>
+          <% end %>
+        </li>
         <li><%= link_to "Leistungen", pages_path(:leistungen) %></li>
         <li><%= link_to "Anfahrt", pages_path(:anfahrt) %></li>
         <li><%= link_to "Kontakt", pages_path(:kontakt) %></li>
         <li><%= link_to "Parties", parties_path %></li>
         <li><%= link_to "Freunde", friends_path %></li>
+      </ul>
+
+      <ul class="flex *:inline *:pr-2 *:not-last:after:content-['|'] *:after:pl-2">
         <li><%= link_to "Datenschutz", pages_path(:datenschutz) %></li>
         <li><%= link_to "Impressum", pages_path(:impressum) %></li>
       </ul>
