diff --git a/components/app/dashboard-metric-cards.tsx b/components/app/dashboard-metric-cards.tsx
index 34508fa..0a86a60 100644
--- a/components/app/dashboard-metric-cards.tsx
+++ b/components/app/dashboard-metric-cards.tsx
@@ -71,7 +71,7 @@ export function DashboardMetricCards({
         </p>
       </div>
 
-      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+      <div className="grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4">
         <MetricCard
           title="Total events"
           value={total}
@@ -102,7 +102,7 @@ export function DashboardMetricCards({
         />
       </div>
 
-      <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
+      <div className="grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4">
         <MetricCard
           title="In flight"
           value={inFlight}