diff --git a/materialious/src/lib/components/settings/Theme.svelte b/materialious/src/lib/components/settings/Theme.svelte
index a10fead8..f354bf76 100644
--- a/materialious/src/lib/components/settings/Theme.svelte
+++ b/materialious/src/lib/components/settings/Theme.svelte
@@ -206,7 +206,7 @@
 	{#each Object.entries(currentThemeColors) as [themeVar, themeColor] (themeVar)}
 		<div class="color-picker">
 			<ColorPicker
-				hex={themeColor}
+				hex={themeColor.toString()}
 				label={titleCase(themeVar.replaceAll('--', '').replaceAll('-', ' '))}
 				position="responsive"
 				textInputModes={['hex']}