From 9826d098f63bd8bb801ab0b2a07b758f31a44708 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

---
 webui/src/features/search/SearchAdminPanel.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/webui/src/features/search/SearchAdminPanel.tsx b/webui/src/features/search/SearchAdminPanel.tsx
index 0ce41e2..e22f54d 100644
--- a/webui/src/features/search/SearchAdminPanel.tsx
+++ b/webui/src/features/search/SearchAdminPanel.tsx
@@ -1,3 +1,4 @@
+import { MetricGrid } from "@govoplan/core-webui";
 import { useEffect, useMemo, useState } from "react";
 import {
   AdminPageLayout,
@@ -231,12 +232,12 @@ export default function SearchAdminPanel({ settings }: Props) {
         </>
       )}
     >
-      <div className="metric-grid">
+      <MetricGrid>
         <MetricCard label="Search sources" value={rows.length} tone="neutral" />
         <MetricCard label="Pending changes" value={pending} tone={pending ? "warning" : "good"} />
         <MetricCard label="Quarantined" value={quarantined} tone={quarantined ? "danger" : "good"} />
         <MetricCard label="Backend" value={diagnostics?.backend ?? "-"} tone="neutral" />
-      </div>
+      </MetricGrid>
 
       {quarantined > 0 && (
         <DismissibleAlert tone="warning" dismissible={false} compact>