diff --git a/webui/src/features/files/FileConnectorSettingsPanel.tsx b/webui/src/features/files/FileConnectorSettingsPanel.tsx
index f4923cb..a59db27 100644
--- a/webui/src/features/files/FileConnectorSettingsPanel.tsx
+++ b/webui/src/features/files/FileConnectorSettingsPanel.tsx
@@ -1079,7 +1079,7 @@ export default function FileConnectorSettingsPanel({
           open={Boolean(credentialDraft)}
           title={editingCredentialId ? "i18n:govoplan-files.edit_file_credential.bc49d44f" : "i18n:govoplan-files.new_file_credential.4c061082"}
           onClose={closeCredentialDialog}
-          className="file-connector-dialog adaptive-config-dialog"
+          className="file-connector-dialog"
           bodyClassName="adaptive-config-dialog-body"
           closeDisabled={saving}
           footer={credentialDraft ?
@@ -1243,7 +1243,7 @@ export default function FileConnectorSettingsPanel({
           open={Boolean(draft)}
           title={editingProfileId ? "i18n:govoplan-files.edit_file_connection.78698154" : "i18n:govoplan-files.new_file_connection.2ec6eb56"}
           onClose={closeProfileDialog}
-          className="file-connector-dialog adaptive-config-dialog"
+          className="file-connector-dialog"
           bodyClassName="adaptive-config-dialog-body"
           closeDisabled={saving}
           footer={draft ?
diff --git a/webui/src/features/files/FileIntegrityPanel.tsx b/webui/src/features/files/FileIntegrityPanel.tsx
index 1814beb..a5b1f8a 100644
--- a/webui/src/features/files/FileIntegrityPanel.tsx
+++ b/webui/src/features/files/FileIntegrityPanel.tsx
@@ -1,3 +1,4 @@
+import { MetricGrid } from "@govoplan/core-webui";
 import { useEffect, useMemo, useState } from "react";
 import {
   AdminPageLayout,
@@ -424,12 +425,12 @@ export default function FileIntegrityPanel({ settings, canWrite }: Props) {
 
         {selectedScan && (
           <>
-            <div className="metric-grid">
+            <MetricGrid>
               <MetricCard label="Verified blobs" value={selectedScan.verified_blob_count} tone="good" />
               <MetricCard label="Quarantined blobs" value={selectedScan.quarantined_blob_count} tone={selectedScan.quarantined_blob_count ? "danger" : "neutral"} />
               <MetricCard label="Orphan objects" value={selectedScan.orphan_object_count} tone={selectedScan.orphan_object_count ? "warning" : "neutral"} />
               <MetricCard label="Open findings" value={findings.filter((finding) => finding.state === "open").length} tone={findings.some((finding) => finding.state === "open") ? "warning" : "good"} />
-            </div>
+            </MetricGrid>
             {selectedScan.last_error && (
               <DismissibleAlert tone="warning" dismissible={false} compact>
                 The last batch failed with {selectedScan.last_error}. Verify storage availability, then resume from the recorded cursor.