diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
index 5868f45eb4..e4982fb9d2 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
@@ -33,6 +33,7 @@
 			bind:hex={value}
 			label={value}
 			components={ChromeVariant}
+			sliderDirection="horizontal"
 			--focus-color="#e0e7ff"
 		/>
 	</div>