diff --git a/lib/homepage_web/components/helper_components.ex b/lib/homepage_web/components/helper_components.ex
index 71d196c..8f63b22 100644
--- a/lib/homepage_web/components/helper_components.ex
+++ b/lib/homepage_web/components/helper_components.ex
@@ -3,29 +3,29 @@ defmodule HomepageWeb.HelperComponents do
 
   slot :label, required: true
   slot :entry, default: []
+
   def dropdown(assigns) do
     ~H"""
     <div class="dropdown dropdown-end">
       <label tabindex="0" class="btn btn-ghost m-1">
         <%= render_slot(@label) %>
       </label>
-      <ul tabindex="0" 
-        class="dropdown-content menu p-2 shadow rounded-box">
+      <ul tabindex="0" class="dropdown-content bg-white menu p-2 shadow rounded-box">
         <li :for={ent <- @entry}>
           <%= render_slot(ent) %>
         </li>
       </ul>
     </div>
-    """ 
+    """
   end
 
   slot :inner_block, required: true
+
   def markdown(assigns) do
     ~H"""
     <%= render_slot(@inner_block)
-        |> slot_markdown_as_html()
-        |> raw()
-    %>
+    |> slot_markdown_as_html()
+    |> raw() %>
     """
   end
 
@@ -33,12 +33,12 @@ defmodule HomepageWeb.HelperComponents do
     [slot] = dynamic_slot.(false)
     slot |> slot_markdown_as_html()
   end
-  
+
   defp slot_markdown_as_html(rendered_slot) do
-    %{static: [markdown]} = rendered_slot 
+    %{static: [markdown]} = rendered_slot
 
     trim_leading_space(markdown)
-    |> String.replace(~S("\""), ~S("""), global: true)    
+    |> String.replace(~S("\""), ~S("""), global: true)
     |> Earmark.as_html!(compact_output: true)
   end
 
@@ -60,4 +60,4 @@ defmodule HomepageWeb.HelperComponents do
         ""
     end
   end
-end
\ No newline at end of file
+end
diff --git a/lib/homepage_web/components/layouts/app.html.heex b/lib/homepage_web/components/layouts/app.html.heex
index 6cb1212..2b5e800 100644
--- a/lib/homepage_web/components/layouts/app.html.heex
+++ b/lib/homepage_web/components/layouts/app.html.heex
@@ -1,26 +1,24 @@
 <header class="px-4 sm:px-6 lg:px-8">
-  <.dropdown>
-     <:label>@rdiedrich</:label>
-    <:entry>
-      <.link 
-        title="send an e-mail" 
-        href="mailto:hallo@rdiedri.ch">
-        <.icon name="hero-envelope" />
-        hallo@rdiedri.ch
-      </.link>
-    </:entry>
+  <div class="navbar">
+    <.dropdown>
+      <:label>@rdiedrich</:label>
+      <:entry>
+        <.link title="send an e-mail" href="mailto:hallo@rdiedri.ch">
+          <.icon name="hero-envelope" /> hallo@rdiedri.ch
+        </.link>
+      </:entry>
 
-    <:entry>
-      <.link 
-        title="chat with me on matrix"
-        href="https://matrix.to/#/@rdiedrich:matrix.org"
-        target="_blank">
-        <.icon name="hero-chat-bubble-bottom-center-text" />
-        @rdiedrich:matrix.org
-      </.link>
-    </:entry>
-  
-</.dropdown>
+      <:entry>
+        <.link
+          title="chat with me on matrix"
+          href="https://matrix.to/#/@rdiedrich:matrix.org"
+          target="_blank"
+        >
+          <.icon name="hero-chat-bubble-bottom-center-text" /> @rdiedrich:matrix.org
+        </.link>
+      </:entry>
+    </.dropdown>
+  </div>
 </header>
 <main class="px-4 py-20 sm:px-6 lg:px-8">
   <div class="mx-auto max-w-2xl space-y-16">
@@ -28,5 +26,4 @@
     <%= @inner_content %>
   </div>
 </main>
-<footer>
-</footer>
\ No newline at end of file
+<footer></footer>
diff --git a/lib/homepage_web/controllers/page_html/home.html.heex b/lib/homepage_web/controllers/page_html/home.html.heex
index 22748a9..020134c 100644
--- a/lib/homepage_web/controllers/page_html/home.html.heex
+++ b/lib/homepage_web/controllers/page_html/home.html.heex
@@ -1,42 +1,33 @@
 <section class="about">
   <h2>about</h2>
   <.markdown>
-  Hi, my name is **Rüdiger Diedrich** and this is my homepage.
+    Hi, my name is **Rüdiger Diedrich** and this is my homepage.
 
-  For the last couple of years I am a big proponent of the Elixir and
-  Erlang/OTP ecosystem: be it projects like Phoenix framework which 
-  bends the rules of traditional client-server-based web development
-  or Livebook - built on top of Phoenix - which for me is simply the
-  next generation of interactive notebooks and completely changed
-  the way I go about prototyping and data analysis.
-  
-  Check out some of the projects I've been working on.
+    Check out some of the projects I've been working on.
   </.markdown>
 </section>
 
 <section class="projects">
   <h2>projects</h2>
-  <.project 
+  <.project
     url="https://chicken.rdiedri.ch"
-    forge_url="https://forge.rdiedri.ch/rdiedrich/exponential-chicken-egg">
+    forge_url="https://forge.rdiedri.ch/rdiedrich/exponential-chicken-egg"
+  >
     <:title>Exponential Chicken Egg</:title>
-    The chicken is very busy.  
+    The chicken is very busy. \
     100% implemented in Phoenix Liveview. Press spacebar (or tap) for fun.
   </.project>
-  <.project 
-    url="https://app.rdiedri.ch"
-    forge_url="https://forge.rdiedri.ch/rdiedrich/physics">
+  <.project url="https://app.rdiedri.ch" forge_url="https://forge.rdiedri.ch/rdiedrich/physics">
     <:title>Physics</:title>
-    Random falling blocks under the yoke of gravity.  
+    Random falling blocks under the yoke of gravity. \
     Typescript using the pixi engine. Click or tap a block to give it a boost.
   </.project>
-  <.project 
+  <.project
     url="https://colorer.vercel.app"
-    forge_url="https://forge.rdiedri.ch/rdiedrich/colorer">
+    forge_url="https://forge.rdiedri.ch/rdiedrich/colorer"
+  >
     <:title>Colorer</:title>
-    Play around with HSLA color.   
+    Play around with HSLA color. \
     Reactive app show-casing SolidJS, deployed on vercel.
   </.project>
 </section>
-
-<p>a</p>
\ No newline at end of file