diff --git a/web/src/lib/components/kit/fields/ColorField.svelte b/web/src/lib/components/kit/fields/ColorField.svelte
index ac69403..b67f502 100644
--- a/web/src/lib/components/kit/fields/ColorField.svelte
+++ b/web/src/lib/components/kit/fields/ColorField.svelte
@@ -22,8 +22,8 @@
 	}
 </script>
 
-<div class="control-block">
-	<label>{label}</label>
+<label class="control-block">
+	<span class="control-title">{label}</span>
 	<div class="color-field">
 		<span class="swatch" class:dark style="background:{value}"></span>
 		<input
@@ -35,13 +35,13 @@
 		/>
 		{#if chevron}<ChevronDown class="icon" size={14} />{/if}
 	</div>
-</div>
+</label>
 
 <style>
 	.control-block :global(.icon) {
 		color: var(--foreground);
 	}
-	label {
+	.control-title {
 		display: flex;
 		justify-content: space-between;
 		font: 10px var(--font-mono);
diff --git a/web/src/lib/components/kit/ui/Toggle.svelte b/web/src/lib/components/kit/ui/Toggle.svelte
index eb0ee15..536d765 100644
--- a/web/src/lib/components/kit/ui/Toggle.svelte
+++ b/web/src/lib/components/kit/ui/Toggle.svelte
@@ -42,6 +42,4 @@
 	.toggle-knob {
 		transition: transform 0.12s ease;
 	}
-	.toggle.on .toggle-knob {
-	}
 </style>