From 178888c7ac5734a17bbee7dbf9a0d16430e9f3a2 Mon Sep 17 00:00:00 2001
From: Albrecht Degering <albrecht@degering.name>
Date: Tue, 18 Aug 2026 11:30:40 +0200
Subject: [PATCH] Adopt shared WebUI layout primitives

---
 .../src/features/notifications/NotificationSummaryWidget.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/webui/src/features/notifications/NotificationSummaryWidget.tsx b/webui/src/features/notifications/NotificationSummaryWidget.tsx
index e51b987..2071312 100644
--- a/webui/src/features/notifications/NotificationSummaryWidget.tsx
+++ b/webui/src/features/notifications/NotificationSummaryWidget.tsx
@@ -1,3 +1,4 @@
+import { MetricGrid } from "@govoplan/core-webui";
 import { Link } from "react-router";
 import {
   DismissibleAlert,
@@ -40,7 +41,7 @@ export default function NotificationSummaryWidget({
           {error}
         </DismissibleAlert>
       )}
-      <div className="metric-grid inside dashboard-widget-metrics">
+      <MetricGrid columns={3} spacing="none">
         <MetricCard
           label="i18n:govoplan-notifications.unread"
           value={summary?.unread ?? 0}
@@ -63,7 +64,7 @@ export default function NotificationSummaryWidget({
             detail="i18n:govoplan-notifications.delivery_failures"
           />
         )}
-      </div>
+      </MetricGrid>
       <div className="notifications-widget-actions">
         <DocumentationHelpLink reference={NOTIFICATIONS_DOCUMENTATION} />
         {showCenterLink && (