diff --git a/apps/dashboard/app/(main)/websites/[id]/_components/tabs/performance/_components/web-vitals-metric-cell.tsx b/apps/dashboard/app/(main)/websites/[id]/_components/tabs/performance/_components/web-vitals-metric-cell.tsx
index f21ed745b..5162acc7a 100644
--- a/apps/dashboard/app/(main)/websites/[id]/_components/tabs/performance/_components/web-vitals-metric-cell.tsx
+++ b/apps/dashboard/app/(main)/websites/[id]/_components/tabs/performance/_components/web-vitals-metric-cell.tsx
@@ -65,15 +65,22 @@ export function WebVitalsMetricCell({
 	const formatted =
 		metric === "cls" ? value.toFixed(3) : formatPerformanceTime(value);
 	const { colorClass, isGood, isPoor } = getMetricStyles(value, metric);
-	const showIcon = isGood || isPoor;
 
 	return (
-		<div className="flex items-center gap-1">
+		<div className="flex items-center justify-end gap-1">
+			{isGood ? (
+				<CheckCircle
+					aria-hidden="true"
+					className="size-3.5 shrink-0 text-success"
+				/>
+			) : null}
+			{isPoor ? (
+				<Warning
+					aria-hidden="true"
+					className="size-3.5 shrink-0 text-destructive"
+				/>
+			) : null}
 			<span className={colorClass}>{formatted}</span>
-			{showIcon && isGood && (
-				<CheckCircle className="size-3.5 text-green-600" />
-			)}
-			{showIcon && isPoor && <Warning className="size-3.5 text-red-600" />}
 		</div>
 	);
 }
diff --git a/apps/dashboard/components/table/table-content.tsx b/apps/dashboard/components/table/table-content.tsx
index cdffb99af..10b931090 100644
--- a/apps/dashboard/components/table/table-content.tsx
+++ b/apps/dashboard/components/table/table-content.tsx
@@ -40,7 +40,7 @@ const DEFAULT_CELL_STYLE = {
 
 const COMPACT_COLUMN_WIDTHS: Record<string, number> = {
 	clicks: 88,
-	cls: 76,
+	cls: 78,
 	current_time: 108,
 	customers: 100,
 	fcp: 88,