diff --git a/frontends/dashboard/package.json b/frontends/dashboard/package.json
index 81390334..e4620a69 100644
--- a/frontends/dashboard/package.json
+++ b/frontends/dashboard/package.json
@@ -27,7 +27,7 @@
     "chart.js": "4.4.0",
     "d3-scale": "^4.0.2",
     "d3-scale-chromatic": "^3.0.0",
-    "daisyui": "^3.8.1",
+    "daisyui": "^4.4.23",
     "date-fns": "^2.30.0",
     "highlight.js": "^11.8.0",
     "pocketbase": "^0.19.0",
diff --git a/frontends/dashboard/src/routes/app/instances/[instanceId]/+layout.svelte b/frontends/dashboard/src/routes/app/instances/[instanceId]/+layout.svelte
index 54aa27de..46731c75 100644
--- a/frontends/dashboard/src/routes/app/instances/[instanceId]/+layout.svelte
+++ b/frontends/dashboard/src/routes/app/instances/[instanceId]/+layout.svelte
@@ -64,26 +64,26 @@
     />
   {/if}
 
-  <div role="tablist" class="tabs tabs-boxed">
+  <div role="tablist" class="tabs tabs-bordered gap-4 mb-4 p-4">
     <a
       role="tab"
-      class="tab {$page.url.pathname.endsWith(id) ? `tab-active` : ``}"
-      href="/app/instances/{id}">Overview</a
+      class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(id) ? `tab-active` : ``}"
+      href="/app/instances/{id}"><i class="fa-light fa-sparkles"></i> Overview</a
     >
     <a
       role="tab"
-      class="tab {$page.url.pathname.endsWith(`logs`) ? `tab-active` : ``}"
-      href="/app/instances/{id}/logs">Logs</a
+      class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(`logs`) ? `tab-active` : ``}"
+      href="/app/instances/{id}/logs"><i class="fa-light fa-terminal"></i> Logs</a
     >
     <a
       role="tab"
-      class="tab {$page.url.pathname.endsWith(`secrets`) ? `tab-active` : ``}"
-      href="/app/instances/{id}/secrets">Secrets</a
+      class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(`secrets`) ? `tab-active` : ``}"
+      href="/app/instances/{id}/secrets"><i class="fa-light fa-shield"></i> Secrets</a
     >
     <a
       role="tab"
-      class="tab {$page.url.pathname.endsWith(`settings`) ? `tab-active` : ``}"
-      href="/app/instances/{id}/settings">Settings</a
+      class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(`settings`) ? `tab-active` : ``}"
+      href="/app/instances/{id}/settings"><i class="fa-light fa-gear"></i> Settings</a
     >
   </div>
 
diff --git a/frontends/dashboard/tailwind.config.cjs b/frontends/dashboard/tailwind.config.cjs
index 985e6d95..e256cc3f 100644
--- a/frontends/dashboard/tailwind.config.cjs
+++ b/frontends/dashboard/tailwind.config.cjs
@@ -11,7 +11,7 @@ module.exports = {
       {
         // Custom theme definitions
         dark: {
-          ...require('daisyui/src/theming/themes')['[data-theme=dark]'],
+          ...require('daisyui/src/theming/themes')['dark'],
           primary: '#1eb854',
           secondary: '#1db990',
           'base-content': '#ffffff',
@@ -20,7 +20,7 @@ module.exports = {
       {
         // Custom theme definitions
         light: {
-          ...require('daisyui/src/theming/themes')['[data-theme=light]'],
+          ...require('daisyui/src/theming/themes')['light'],
           primary: '#1eb854',
           secondary: '#1db990',
           'base-content': '#222',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3274cefa..f04405b7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -253,8 +253,8 @@ importers:
         specifier: ^3.0.0
         version: 3.0.0
       daisyui:
-        specifier: ^3.8.1
-        version: 3.9.4
+        specifier: ^4.4.23
+        version: 4.4.23(postcss@8.4.31)
       date-fns:
         specifier: ^2.30.0
         version: 2.30.0
@@ -2492,6 +2492,11 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  /culori@3.3.0:
+    resolution: {integrity: sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
   /d3-array@3.2.4:
     resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
     engines: {node: '>=12'}
@@ -2561,6 +2566,18 @@ packages:
     transitivePeerDependencies:
       - ts-node
 
+  /daisyui@4.4.23(postcss@8.4.31):
+    resolution: {integrity: sha512-IFQRGoGoAke8chxPcDqQJFldVVd51JL7b4mRA3LqsLexW/6xicZzz9X3GXdGdnYsu8QPxZN4uzQZ5fwRNYXOSg==}
+    engines: {node: '>=16.9.0'}
+    dependencies:
+      css-selector-tokenizer: 0.8.0
+      culori: 3.3.0
+      picocolors: 1.0.0
+      postcss-js: 4.0.1(postcss@8.4.31)
+    transitivePeerDependencies:
+      - postcss
+    dev: true
+
   /data-uri-to-buffer@4.0.1:
     resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
     engines: {node: '>= 12'}