diff --git a/src/components/navbar/navbar.svelte b/src/components/navbar/navbar.svelte
index e65f71f..51930e2 100644
--- a/src/components/navbar/navbar.svelte
+++ b/src/components/navbar/navbar.svelte
@@ -2,9 +2,40 @@
   import ThemeController from "./themeController.svelte";
 </script>
 
-<div class="navbar bg-base-100">
-  <div class="flex-1 navbar-start">
-    <a class="btn btn-ghost text-xl" href="/">daisyUI</a>
+<div
+  class="navbar bg-base-300 dark:bg-neutral rounded-box mt-1 dark:text-neutral-content"
+>
+  <div class="navbar-start">
+    <div class="dropdown">
+      <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          class="w-5 h-5"
+        >
+          <path
+            fill-rule="evenodd"
+            d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
+            clip-rule="evenodd"
+          />
+        </svg>
+      </div>
+      <ul
+        tabindex="-1"
+        class="tablist menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-300 dark:bg-neutral rounded-box w-52 dark:text-neutral-content"
+      >
+        <li><a href="/">Home</a></li>
+        <li><a href="/portfolio">Portfolio</a></li>
+      </ul>
+    </div>
+    <a class="btn btn-ghost text-xl" href="/">nickbland.dev</a>
+  </div>
+  <div class="navbar-center hidden lg:flex">
+    <ul class="menu menu-horizontal px-1">
+      <li><a href="/">Home</a></li>
+      <li><a href="/portfolio">Portfolio</a></li>
+    </ul>
   </div>
   <div class="navbar-end">
     <ul class="menu menu-horizontal px-1">
diff --git a/src/components/navbar/themeController.svelte b/src/components/navbar/themeController.svelte
index f93228a..7aadf12 100644
--- a/src/components/navbar/themeController.svelte
+++ b/src/components/navbar/themeController.svelte
@@ -6,7 +6,7 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
-    class="w-10 h-10 swap-on fill-current"
+    class="w-7 h-7 swap-on fill-current"
   >
     <path
       d="M12 2.25a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75ZM7.5 12a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM18.894 6.166a.75.75 0 0 0-1.06-1.06l-1.591 1.59a.75.75 0 1 0 1.06 1.061l1.591-1.59ZM21.75 12a.75.75 0 0 1-.75.75h-2.25a.75.75 0 0 1 0-1.5H21a.75.75 0 0 1 .75.75ZM17.834 18.894a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 1 0-1.061 1.06l1.59 1.591ZM12 18a.75.75 0 0 1 .75.75V21a.75.75 0 0 1-1.5 0v-2.25A.75.75 0 0 1 12 18ZM7.758 17.303a.75.75 0 0 0-1.061-1.06l-1.591 1.59a.75.75 0 0 0 1.06 1.061l1.591-1.59ZM6 12a.75.75 0 0 1-.75.75H3a.75.75 0 0 1 0-1.5h2.25A.75.75 0 0 1 6 12ZM6.697 7.757a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 0 0-1.061 1.06l1.59 1.591Z"
@@ -17,7 +17,7 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 24 24"
-    class="w-10 h-10 swap-off fill-current"
+    class="w-7 h-7 swap-off fill-current"
   >
     <path
       fill-rule="evenodd"