diff --git a/bun.lockb b/bun.lockb
index 231a46a..84d43ba 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index c2c1f64..722365c 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
 		"vite": "^5.4.11"
 	},
 	"dependencies": {
+		"daisyui": "^4.12.23",
 		"drizzle-orm": "^0.33.0",
 		"postgres": "^3.4.4",
 		"socket.io": "^4.8.1",
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b46ad5c..24def05 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -32,7 +32,7 @@
 <main>
 	<h1 class="text-lg"># SvelteKit with Socket.IO Integration</h1>
 
-	<button class="button" on:click={() => establishSocketIOConnection()}>
+	<button class="btn btn-primary" on:click={() => establishSocketIOConnection()}>
 		Establish Socket.IO connection
 	</button>
 
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 140eb5f..ba2bd18 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,6 +1,7 @@
 import type { Config } from 'tailwindcss';
+import daisyui from 'daisyui';
 
 export default {
 	content: ['./src/**/*.{html,js,svelte,ts}'],
-	plugins: []
+	plugins: [daisyui]
 } satisfies Config;