From 815e47c2db8f02a2548ff130e5cb2ff6148ddbcb Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Wed, 25 Mar 2026 17:36:22 +0100
Subject: [PATCH] ui nit

---
 .../lib/components/sidebar/SidebarContent.svelte    | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/sidebar/SidebarContent.svelte b/frontend/src/lib/components/sidebar/SidebarContent.svelte
index cbf40b9836..6ba5fa2a25 100644
--- a/frontend/src/lib/components/sidebar/SidebarContent.svelte
+++ b/frontend/src/lib/components/sidebar/SidebarContent.svelte
@@ -795,14 +795,19 @@
 					{#each forkedDatatables as dt}
 						<div class="flex items-center justify-between px-4 py-2">
 							<div class="flex flex-col">
-								<span class="text-xs font-medium">{dt.name}</span>
-								<span class="text-2xs text-tertiary">
-									dbname: {dt.resourceType === 'instance'
+								<span class="text-xs font-medium text-secondary">{dt.name}</span>
+								<span class="text-3xs text-hint">
+									{dt.resourceType === 'instance'
 										? dt.resourcePath
 										: `${$workspaceStore?.replace(/-/g, '_')}__${dt.name}`}
 								</span>
 							</div>
-							<Toggle bind:checked={dt.dropOnDelete} options={{ right: 'Drop database' }} />
+							<Toggle
+								class="shrink-0"
+								size="xs"
+								bind:checked={dt.dropOnDelete}
+								options={{ right: 'Drop database' }}
+							/>
 						</div>
 					{/each}
 				</div>