diff --git a/src/lib/components/visual/Uploader.svelte b/src/lib/components/visual/Uploader.svelte
index e69d855..07729ba 100644
--- a/src/lib/components/visual/Uploader.svelte
+++ b/src/lib/components/visual/Uploader.svelte
@@ -13,7 +13,7 @@
 >
 	<Upload />
 	<h2>Drop or click to upload files</h2>
-	<p class="text-foregroundMuted">the</p>
+	<p class="text-foreground-muted">the</p>
 </div>
 
 <input type="file" class="hidden" bind:files />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 5df2604..7d2d44c 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -8,7 +8,7 @@ export default {
 		colors: {
 			background: "var(--bg)",
 			foreground: "var(--fg)",
-			foregroundMuted: "var(--fg-muted)",
+			"foreground-muted": "var(--fg-muted)",
 		},
 	},