diff --git a/apps/ui/src/lib/components/Usage.svelte b/apps/ui/src/lib/components/Usage.svelte
index 46854145e..00915b767 100644
--- a/apps/ui/src/lib/components/Usage.svelte
+++ b/apps/ui/src/lib/components/Usage.svelte
@@ -54,68 +54,68 @@
 	<h1 class="title text-4xl">Hardware details</h1>
 	<div class="divider" />
 	<div class="grid grid-flow-col gap-4 grid-rows-3 lg:grid-rows-1">
-		<div class="stats stats-vertical lg:stats-horizontal shadow w-full mb-5">
+		<div class="stats stats-vertical lg:stats-horizontal shadow w-full mb-5 bg-coolgray-100 rounded">
 			<div class="stat">
 				<div class="stat-title">Total Memory</div>
-				<div class="stat-value">
+				<div class="stat-value text-2xl">
 					{(usage?.memory.totalMemMb).toFixed(0)}<span class="text-sm">MB</span>
 				</div>
 			</div>
 
 			<div class="stat">
 				<div class="stat-title">Used Memory</div>
-				<div class="stat-value">
+				<div class="stat-value text-2xl">
 					{(usage?.memory.usedMemMb).toFixed(0)}<span class="text-sm">MB</span>
 				</div>
 			</div>
 
 			<div class="stat">
 				<div class="stat-title">Free Memory</div>
-				<div class="stat-value">
+				<div class="stat-value text-2xl">
 					{usage?.memory.freeMemPercentage}<span class="text-sm">%</span>
 				</div>
 			</div>
 		</div>
 
-		<div class="stats stats-vertical lg:stats-horizontal shadow w-full mb-5">
+		<div class="stats stats-vertical lg:stats-horizontal shadow w-full mb-5 bg-coolgray-100 rounded">
 			<div class="stat">
 				<div class="stat-title">Total CPUs</div>
-				<div class="stat-value">
+				<div class="stat-value text-2xl">
 					{usage?.cpu.count}
 				</div>
 			</div>
 
 			<div class="stat">
 				<div class="stat-title">CPU Usage</div>
-				<div class="stat-value">
+				<div class="stat-value text-2xl">
 					{usage?.cpu.usage}<span class="text-sm">%</span>
 				</div>
 			</div>
 
 			<div class="stat">
 				<div class="stat-title">Load Average (5,10,30mins)</div>
-				<div class="stat-value">{usage?.cpu.load}</div>
+				<div class="stat-value text-2xl">{usage?.cpu.load}</div>
 			</div>
 		</div>
 
-		<div class="stats stats-vertical lg:stats-horizontal shadow w-full mb-5">
+		<div class="stats stats-vertical lg:stats-horizontal shadow w-full mb-5 bg-coolgray-100 rounded">
 			<div class="stat">
 				<div class="stat-title">Total Disk</div>
-				<div class="stat-value">
+				<div class="stat-value text-2xl">
 					{usage?.disk.totalGb}<span class="text-sm">GB</span>
 				</div>
 			</div>
 
 			<div class="stat">
 				<div class="stat-title">Used Disk</div>
-				<div class="stat-value">
+				<div class="stat-value text-2xl">
 					{usage?.disk.usedGb}<span class="text-sm">GB</span>
 				</div>
 			</div>
 
 			<div class="stat">
 				<div class="stat-title">Free Disk</div>
-				<div class="stat-value">{usage?.disk.freePercentage}<span class="text-sm">%</span></div>
+				<div class="stat-value text-2xl">{usage?.disk.freePercentage}<span class="text-sm">%</span></div>
 			</div>
 		</div>
 	</div>
diff --git a/apps/ui/src/lib/components/svg/applications/Docker.svelte b/apps/ui/src/lib/components/svg/applications/Docker.svelte
index 981d4d225..ea1787bd9 100644
--- a/apps/ui/src/lib/components/svg/applications/Docker.svelte
+++ b/apps/ui/src/lib/components/svg/applications/Docker.svelte
@@ -2,79 +2,8 @@
 	export let isAbsolute = true;
 </script>
 
-<svg
-	viewBox="0 0 128 128"
-	class={isAbsolute ? 'absolute top-0 left-0 -m-8 h-16 w-16' : 'mx-auto w-8 h-8'}
->
-	<g
-		><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#3A4D54"
-			d="M73.8 50.8h11.3v11.5h5.7c2.6 0 5.3-.5 7.8-1.3 1.2-.4 2.6-1 3.8-1.7-1.6-2.1-2.4-4.7-2.6-7.3-.3-3.5.4-8.1 2.8-10.8l1.2-1.4 1.4 1.1c3.6 2.9 6.5 6.8 7.1 11.4 4.3-1.3 9.3-1 13.1 1.2l1.5.9-.8 1.6c-3.2 6.2-9.9 8.2-16.4 7.8-9.8 24.3-31 35.8-56.8 35.8-13.3 0-25.5-5-32.5-16.8l-.1-.2-1-2.1c-2.4-5.2-3.1-10.9-2.6-16.6l.2-1.7h9.6v-11.4h11.3v-11.2h22.5v-11.3h13.5v22.5z"
-		/><path
-			fill="#00AADA"
-			d="M110.4 55.1c.8-5.9-3.6-10.5-6.4-12.7-3.1 3.6-3.6 13.2 1.3 17.2-2.8 2.4-8.5 4.7-14.5 4.7h-72.2c-.6 6.2.5 11.9 3 16.8l.8 1.5c.5.9 1.1 1.7 1.7 2.6 3 .2 5.7.3 8.2.2 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5 1.1-8.3 1.3h-.6000000000000001c-1.3.1-2.7.1-4.2.1-1.6 0-3.1 0-4.9-.1 6 6.8 15.4 10.8 27.2 10.8 25 0 46.2-11.1 55.5-35.9 6.7.7 13.1-1 16-6.7-4.5-2.7-10.5-1.8-13.9-.1z"
-		/><path
-			fill="#28B8EB"
-			d="M110.4 55.1c.8-5.9-3.6-10.5-6.4-12.7-3.1 3.6-3.6 13.2 1.3 17.2-2.8 2.4-8.5 4.7-14.5 4.7h-68c-.3 9.5 3.2 16.7 9.5 21 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5.2 1.2-8.5 1.4l-.1-.1c8.5 4.4 20.8 4.3 35-1.1 15.8-6.1 30.6-17.7 40.9-30.9-.2.1-.4.1-.5.2z"
-		/><path
-			fill="#028BB8"
-			d="M18.7 71.8c.4 3.3 1.4 6.4 2.9 9.3l.8 1.5c.5.9 1.1 1.7 1.7 2.6 3 .2 5.7.3 8.2.2 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5.2 1.2-8.5 1.4h-.4c-1.3.1-2.7.1-4.1.1-1.6 0-3.2 0-4.9-.1 6 6.8 15.5 10.8 27.3 10.8 21.4 0 40-8.1 50.8-26h-85.1v-.1z"
-		/><path
-			fill="#019BC6"
-			d="M23.5 71.8c1.3 5.8 4.3 10.4 8.8 13.5 4.9-.1 8.9-.7 12-1.7.5-.2.9.1 1.1.5.2.5-.1.9-.5 1.1-.4.1-.8.3-1.3.4-2.4.7-5.2 1.2-8.6 1.4 8.5 4.4 20.8 4.3 34.9-1.1 8.5-3.3 16.8-8.2 24.2-14.1h-70.6z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#00ACD3"
-			d="M28.4 52.7h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zM39.6 41.5h9.8v9.8h-9.8v-9.8zm.9.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#23C2EE"
-			d="M39.6 52.7h9.8v9.8h-9.8v-9.8zm.9.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#00ACD3"
-			d="M50.9 52.7h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#23C2EE"
-			d="M50.9 41.5h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zM62.2 52.7h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#00ACD3"
-			d="M62.2 41.5h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#23C2EE"
-			d="M62.2 30.2h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#00ACD3"
-			d="M73.5 52.7h9.8v9.8h-9.8v-9.8zm.8.8h.8v8.1h-.8v-8.1zm1.4 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1zm1.5 0h.8v8.1h-.8v-8.1z"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#D4EEF1"
-			d="M48.8 78.3c1.5 0 2.7 1.2 2.7 2.7 0 1.5-1.2 2.7-2.7 2.7-1.5 0-2.7-1.2-2.7-2.7 0-1.5 1.2-2.7 2.7-2.7"
-		/><path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			fill="#3A4D54"
-			d="M48.8 79.1c.2 0 .5 0 .7.1-.2.1-.4.4-.4.7 0 .4.4.8.8.8.3 0 .6-.2.7-.4.1.2.1.5.1.7 0 1.1-.9 1.9-1.9 1.9-1.1 0-1.9-.9-1.9-1.9 0-1 .8-1.9 1.9-1.9M1.1 72.8h125.4c-2.7-.7-8.6-1.6-7.7-5.2-5 5.7-16.9 4-20 1.2-3.4 4.9-23 3-24.3-.8-4.2 5-17.3 5-21.5 0-1.4 3.8-21 5.7-24.3.8-3 2.8-15 4.5-20-1.2 1.1 3.5-4.9 4.5-7.6 5.2"
-		/><path
-			fill="#BFDBE0"
-			d="M56 97.8c-6.7-3.2-10.3-7.5-12.4-12.2-2.5.7-5.5 1.2-8.9 1.4-1.3.1-2.7.1-4.1.1-1.7 0-3.4 0-5.2-.1 6 6 13.6 10.7 27.5 10.8h3.1z"
-		/><path
-			fill="#D4EEF1"
-			d="M46.1 89.9c-.9-1.3-1.8-2.8-2.5-4.3-2.5.7-5.5 1.2-8.9 1.4 2.3 1.2 5.7 2.4 11.4 2.9z"
-		/></g
-	>
-</svg>
+
+<svg viewBox="0 0 128 128" class={isAbsolute ? 'absolute top-0 left-0 -m-8 h-16 w-16' : 'mx-auto w-10 h-10'}>
+	<path d="M124.8 52.1c-4.3-2.5-10-2.8-14.8-1.4-.6-5.2-4-9.7-8-12.9l-1.6-1.3-1.4 1.6c-2.7 3.1-3.5 8.3-3.1 12.3.3 2.9 1.2 5.9 3 8.3-1.4.8-2.9 1.9-4.3 2.4-2.8 1-5.9 2-8.9 2H79V49H66V24H51v12H26v13H13v14H1.8l-.2 1.5c-.5 6.4.3 12.6 3 18.5l1.1 2.2.1.2c7.9 13.4 21.7 19 36.8 19 29.2 0 53.3-13.1 64.3-40.6 7.4.4 15-1.8 18.6-8.9l.9-1.8-1.6-1zM28 39h10v11H28V39zm13.1 44.2c0 1.7-1.4 3.1-3.1 3.1-1.7 0-3.1-1.4-3.1-3.1 0-1.7 1.4-3.1 3.1-3.1 1.7.1 3.1 1.4 3.1 3.1zM28 52h10v11H28V52zm-13 0h11v11H15V52zm27.7 50.2c-15.8-.1-24.3-5.4-31.3-12.4 2.1.1 4.1.2 5.9.2 1.6 0 3.2 0 4.7-.1 3.9-.2 7.3-.7 10.1-1.5 2.3 5.3 6.5 10.2 14 13.8h-3.4zM51 63H40V52h11v11zm0-13H40V39h11v11zm13 13H53V52h11v11zm0-13H53V39h11v11zm0-13H53V26h11v11zm13 26H66V52h11v11zM38.8 81.2c-.2-.1-.5-.2-.8-.2-1.2 0-2.2 1-2.2 2.2 0 1.2 1 2.2 2.2 2.2s2.2-1 2.2-2.2c0-.3-.1-.6-.2-.8-.2.3-.4.5-.8.5-.5 0-.9-.4-.9-.9.1-.4.3-.7.5-.8z" fill="#019BC6"></path>
+	</svg>
+  
diff --git a/apps/ui/src/lib/components/svg/services/PlausibleAnalytics.svelte b/apps/ui/src/lib/components/svg/services/PlausibleAnalytics.svelte
index c02a9e6d9..e10ead645 100644
--- a/apps/ui/src/lib/components/svg/services/PlausibleAnalytics.svelte
+++ b/apps/ui/src/lib/components/svg/services/PlausibleAnalytics.svelte
@@ -4,6 +4,6 @@
 
 <img
 	alt="plausible logo"
-	class={isAbsolute ? 'w-9 absolute top-0 left-0 -m-4' : 'w-6 mx-auto'}
+	class={isAbsolute ? 'w-9 h-12 absolute top-0 left-0 -m-4' : 'w-6 h-8 mx-auto'}
 	src="/plausible.png"
 />
diff --git a/apps/ui/src/lib/components/svg/services/Searxng.svelte b/apps/ui/src/lib/components/svg/services/Searxng.svelte
index 52cbaed81..bb775d2bf 100644
--- a/apps/ui/src/lib/components/svg/services/Searxng.svelte
+++ b/apps/ui/src/lib/components/svg/services/Searxng.svelte
@@ -3,7 +3,6 @@
 </script>
 
 <svg
-	xmlns:dc="http://purl.org/dc/elements/1.1/"
 	xmlns:cc="http://creativecommons.org/ns#"
 	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
 	xmlns:svg="http://www.w3.org/2000/svg"
@@ -11,7 +10,7 @@
 	id="svg8"
 	version="1.1"
 	viewBox="0 0 92 92"
-	class={isAbsolute ? 'w-12 absolute top-0 left-0 -m-3 -mt-5' : 'w-8 mx-auto'}
+	class={isAbsolute ? 'w-12 h-12 absolute top-0 left-0 -m-3 -mt-5' : 'w-8 h-8 mx-auto'}
 >
 	<defs id="defs2" />
 	<metadata id="metadata5">
diff --git a/apps/ui/src/routes/index.svelte b/apps/ui/src/routes/index.svelte
index 896c029b8..e5ba5c05e 100644
--- a/apps/ui/src/routes/index.svelte
+++ b/apps/ui/src/routes/index.svelte
@@ -108,14 +108,14 @@
 		<div class="divider" />
 		<div class="grid grid-col gap-4 auto-cols-max grid-cols-1 lg:grid-cols-3">
 			{#each applications as application}
-				<div class="w-full rounded p-5 bg-neutral indicator mb-5">
+				<div class="w-full rounded p-5 bg-coolgray-200 hover:bg-coolgray-300 indicator mb-5">
 					{#await getStatus(application)}
-						<span class="indicator-item badge bg-yellow-500" />
+						<span class="indicator-item badge bg-yellow-500 badge-xs" />
 					{:then status}
-						{#if status === 'Running'}1
-							<span class="indicator-item badge bg-success" />
+						{#if status === 'Running'}
+							<span class="indicator-item badge bg-success badge-xs" />
 						{:else}
-							<span class="indicator-item badge bg-error" />
+							<span class="indicator-item badge bg-error badge-xs" />
 						{/if}
 					{/await}
 					<div class="w-full flex flex-row">
@@ -129,12 +129,12 @@
 							</span>
 							<h1 class="font-bold text-lg">{application.name}</h1>
 							<div class="divider" />
-							<div class="btn-group justify-end">
+							<div class="flex justify-end space-x-2">
 								{#if application.fqdn}
-									<a href={application.fqdn} target="_blank" class="btn btn-sm">
+									<a href={application.fqdn} target="_blank" class="icons">
 										<svg
 											xmlns="http://www.w3.org/2000/svg"
-											class="h-6 w-6 mr-2"
+											class="h-6 w-6"
 											viewBox="0 0 24 24"
 											stroke-width="1.5"
 											stroke="currentColor"
@@ -147,18 +147,17 @@
 											<line x1="10" y1="14" x2="20" y2="4" />
 											<polyline points="15 4 20 4 20 9" />
 										</svg>
-										Website
 									</a>
 								{/if}
 								{#if application.settings.isBot && application.exposePort}
 									<a
 										href={`http://${dev ? 'localhost' : settings.ipv4}:${application.exposePort}`}
 										target="_blank"
-										class="btn btn-sm"
+										class="icons"
 									>
 										<svg
 											xmlns="http://www.w3.org/2000/svg"
-											class="h-6 w-6 mr-2"
+											class="h-6 w-6"
 											viewBox="0 0 24 24"
 											stroke-width="1.5"
 											stroke="currentColor"
@@ -171,13 +170,12 @@
 											<line x1="10" y1="14" x2="20" y2="4" />
 											<polyline points="15 4 20 4 20 9" />
 										</svg>
-										Server
 									</a>
 								{/if}
-								<a class="btn btn-sm btn-active" href={`/applications/${application.id}`}>
+								<a class="icons" href={`/applications/${application.id}`}>
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
-										class="h-6 w-6 mr-2"
+										class="h-6 w-6"
 										viewBox="0 0 24 24"
 										stroke-width="1.5"
 										stroke="currentColor"
@@ -196,7 +194,6 @@
 										<line x1="18" y1="4" x2="18" y2="5" />
 										<line x1="18" y1="9" x2="18" y2="20" />
 									</svg>
-									Manage
 								</a>
 							</div>
 						</div>
@@ -208,14 +205,14 @@
 		<div class="divider" />
 		<div class="grid grid-col gap-4 auto-cols-max grid-cols-1 lg:grid-cols-3">
 			{#each services as service}
-				<div class="w-full rounded p-5 bg-neutral indicator mb-5">
+				<div class="w-full rounded p-5 bg-coolgray-200 hover:bg-coolgray-300 indicator mb-5">
 					{#await getStatus(service)}
-						<span class="indicator-item badge bg-yellow-500" />
+						<span class="indicator-item badge bg-yellow-500 badge-xs" />
 					{:then status}
 						{#if status === 'Running'}1
-							<span class="indicator-item badge bg-success" />
+							<span class="indicator-item badge bg-success badge-xs" />
 						{:else}
-							<span class="indicator-item badge bg-error" />
+							<span class="indicator-item badge bg-error badge-xs" />
 						{/if}
 					{/await}
 					<div class="w-full flex flex-row">
@@ -226,12 +223,12 @@
 							</span>
 							<h1 class="font-bold text-lg">{service.name}</h1>
 							<div class="divider" />
-							<div class="btn-group justify-end">
+							<div class="flex justify-end space-x-2">
 								{#if service.fqdn}
-									<a href={service.fqdn} target="_blank" class="btn btn-sm">
+									<a href={service.fqdn} target="_blank" class="icons">
 										<svg
 											xmlns="http://www.w3.org/2000/svg"
-											class="h-6 w-6 mr-2"
+											class="h-6 w-6"
 											viewBox="0 0 24 24"
 											stroke-width="1.5"
 											stroke="currentColor"
@@ -244,13 +241,12 @@
 											<line x1="10" y1="14" x2="20" y2="4" />
 											<polyline points="15 4 20 4 20 9" />
 										</svg>
-										Website
 									</a>
 								{/if}
-								<a class="btn btn-sm btn-active" href={`/services/${service.id}`}>
+								<a class="icons" href={`/services/${service.id}`}>
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
-										class="h-6 w-6 mr-2"
+										class="h-6 w-6"
 										viewBox="0 0 24 24"
 										stroke-width="1.5"
 										stroke="currentColor"
@@ -269,7 +265,6 @@
 										<line x1="18" y1="4" x2="18" y2="5" />
 										<line x1="18" y1="9" x2="18" y2="20" />
 									</svg>
-									Manage
 								</a>
 							</div>
 						</div>
@@ -281,14 +276,14 @@
 		<div class="divider" />
 		<div class="grid grid-col gap-4 auto-cols-max grid-cols-1 lg:grid-cols-3">
 			{#each databases as database}
-				<div class="w-full rounded p-5 bg-neutral indicator mb-5">
+				<div class="w-full rounded p-5 bg-coolgray-200 hover:bg-coolgray-300 indicator mb-5">
 					{#await getStatus(database)}
-						<span class="indicator-item badge bg-yellow-500" />
+						<span class="indicator-item badge bg-yellow-500 badge-xs" />
 					{:then status}
 						{#if status === 'Running'}1
-							<span class="indicator-item badge bg-success" />
+							<span class="indicator-item badge bg-success badge-xs" />
 						{:else}
-							<span class="indicator-item badge bg-error" />
+							<span class="indicator-item badge bg-error badge-xs" />
 						{/if}
 					{/await}
 					<div class="w-full flex flex-row">
@@ -299,11 +294,11 @@
 							</span>
 							<h1 class="font-bold text-lg">{database.name}</h1>
 							<div class="divider" />
-							<div class="btn-group justify-end">
-								<a class="btn btn-sm btn-active" href={`/databases/${database.id}`}>
+							<div class="flex justify-end space-x-2">
+								<a class="icons" href={`/databases/${database.id}`}>
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
-										class="h-6 w-6 mr-2"
+										class="h-6 w-6"
 										viewBox="0 0 24 24"
 										stroke-width="1.5"
 										stroke="currentColor"
@@ -322,7 +317,6 @@
 										<line x1="18" y1="4" x2="18" y2="5" />
 										<line x1="18" y1="9" x2="18" y2="20" />
 									</svg>
-									Manage
 								</a>
 							</div>
 						</div>