diff --git a/website/src/lib/components/Help.svelte b/website/src/lib/components/Help.svelte
index 1920865..75f9e20 100644
--- a/website/src/lib/components/Help.svelte
+++ b/website/src/lib/components/Help.svelte
@@ -2,7 +2,10 @@
 	import { CircleHelp } from 'lucide-svelte';
 </script>
 
-<div class="{$$props.class || ''} text-sm rounded border flex flex-row items-center p-2">
+<div
+	class="{$$props.class ||
+		''} text-sm bg-muted font-light rounded border flex flex-row items-center p-2"
+>
 	<CircleHelp size="16" class="w-4 mr-2 shrink-0 grow-0" />
 	<slot />
 </div>