diff --git a/frontend/src/lib/components/home/FlowIcon.svelte b/frontend/src/lib/components/home/FlowIcon.svelte
index 4cc4eeba1c..f9822b063f 100644
--- a/frontend/src/lib/components/home/FlowIcon.svelte
+++ b/frontend/src/lib/components/home/FlowIcon.svelte
@@ -1,7 +1,10 @@
 <script lang="ts">
 	import BarsStaggered from '$lib/components/icons/BarsStaggered.svelte'
+	import { twMerge } from 'tailwind-merge'
 
 	export let color: string = 'black'
 </script>
 
-<BarsStaggered size={14} style={`color: ${color};`} />
+<div class={twMerge(`text-${color}`, $$props.class)}>
+	<BarsStaggered size={14} />
+</div>