diff --git a/components/indicator.vue b/components/indicator.vue
index 862bad8..2fd7b4d 100644
--- a/components/indicator.vue
+++ b/components/indicator.vue
@@ -6,11 +6,14 @@ defineProps<{
 
 <template>
 	<div class="flex gap-1 rounded border p-2">
-		<div :class="status === 'red' && 'bg-red-500'" class="h-6 w-6 rounded-full bg-slate-300" />
+		<div :class="status === 'red' ? 'bg-red-500' : 'bg-slate-300'" class="h-6 w-6 rounded-full" />
 		<div
-			:class="status === 'yellow' && 'bg-yellow-500'"
-			class="h-6 w-6 rounded-full bg-slate-300"
+			:class="status === 'yellow' ? 'bg-yellow-500' : 'bg-slate-300'"
+			class="h-6 w-6 rounded-full"
+		/>
+		<div
+			:class="status === 'green' ? 'bg-green-500' : 'bg-slate-300'"
+			class="h-6 w-6 rounded-full"
 		/>
-		<div :class="status === 'green' && 'bg-green-500'" class="h-6 w-6 rounded-full bg-slate-300" />
 	</div>
 </template>