diff --git a/frontend/src/scenes/experiments/ExperimentPreview.tsx b/frontend/src/scenes/experiments/ExperimentPreview.tsx
index 6536294e95a58..39d05b0ae85a3 100644
--- a/frontend/src/scenes/experiments/ExperimentPreview.tsx
+++ b/frontend/src/scenes/experiments/ExperimentPreview.tsx
@@ -444,7 +444,7 @@ export function MetricDisplay({ filters }: { filters?: FilterType }): JSX.Elemen
                 .map((event: ActionFilterType, idx: number) => (
                     <div key={idx} className="mb-2">
                         <div className="flex mb-1">
-                            <div className="shrink-0 w-6 h-6 mr-2 font-bold text-center text-primary-alt bg-white border rounded">
+                            <div className="shrink-0 w-6 h-6 mr-2 font-bold text-center text-primary-alt bg-light border rounded">
                                 {experimentInsightType === InsightType.FUNNELS ? (event.order || 0) + 1 : idx + 1}
                             </div>
                             <b>