From f4c51416c67cc6ea42a8473b5ac9bbba882220b4 Mon Sep 17 00:00:00 2001
From: NewtTheWolf <dominik@spitzli.dev>
Date: Tue, 3 Nov 2026 16:00:27 +0100
Subject: [PATCH] Align plugin view with the native Console design system

---
 ui/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/index.tsx b/ui/index.tsx
index 6cceca3..2beede5 100644
--- a/ui/index.tsx
+++ b/ui/index.tsx
@@ -111,7 +111,7 @@ function DomainPage(context: ResourceProps) {
   const domain = query.data;
   const checked = verify.data ? verifySchema.safeParse(verify.data) : undefined;
   return (
-    <div className="grid gap-6">
+    <div className={ui.resourceGrid}>
       {query.error ? <Failure error={query.error} retry={() => void query.refetch()} /> : null}
       <section className={ui.card} aria-label="Status">
         <div className={ui.cardBody}>
@@ -244,7 +244,7 @@ function MailboxPage(context: ResourceProps) {
     </div>
   );
   return (
-    <div className="grid gap-6">
+    <div className={ui.resourceGrid}>
       <section className={ui.card} aria-label="Status">
         <div className={ui.cardBody}>
           <div className="flex flex-wrap items-center gap-3">