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

---
 ui/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/index.tsx b/ui/index.tsx
index 86bcbc7..39ea8fa 100644
--- a/ui/index.tsx
+++ b/ui/index.tsx
@@ -149,7 +149,7 @@ function Resource(context: ResourceProps) {
   const data = view.data;
   const kind = data.offering === "shared" ? `Shared database${data.server ? ` on ${data.server}` : ""}` : `Dedicated PostgreSQL ${data.version ?? ""}`;
   return (
-    <div className="grid gap-6">
+    <div className={ui.resourceGrid}>
       <section className={ui.card} aria-label="Status">
         <div className={ui.cx(ui.cardBody, "grid-cols-[auto_1fr] items-center gap-x-4")}>
           <span className={ui.badge(stateTone[data.state])}>{stateText[data.state]}</span>