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>