diff --git a/src/pages/common-apps/CommonAppComponentsPage.tsx b/src/pages/common-apps/CommonAppComponentsPage.tsx
index 9eb4de7..d76d7f8 100644
--- a/src/pages/common-apps/CommonAppComponentsPage.tsx
+++ b/src/pages/common-apps/CommonAppComponentsPage.tsx
@@ -146,7 +146,7 @@ export function CommonAppComponentsPage() {
                 description={component.description}
                 action={<Badge tone={statusTone(status)}>{status}</Badge>}
               />
-              <div className="grid gap-5 p-5 xl:grid-cols-[minmax(280px,0.75fr)_minmax(0,1.25fr)]">
+              <div className="grid gap-5 p-5 xl:grid-cols-[minmax(220px,0.55fr)_minmax(0,1.45fr)]">
                 <div className="rounded-md border border-border bg-background p-4">
                   <div className="flex items-center gap-3">
                     <span className="flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground">
diff --git a/src/pages/launcher/LauncherComponentsPage.tsx b/src/pages/launcher/LauncherComponentsPage.tsx
index 78642fe..7b2a769 100644
--- a/src/pages/launcher/LauncherComponentsPage.tsx
+++ b/src/pages/launcher/LauncherComponentsPage.tsx
@@ -293,7 +293,7 @@ export function LauncherComponentsPage() {
                 description={component.description}
                 action={<Badge tone={isClient ? (activeVersion ? 'green' : 'neutral') : statusTone(status)}>{status}</Badge>}
               />
-              <div className="grid gap-5 p-5 xl:grid-cols-[minmax(260px,0.8fr)_minmax(0,1.2fr)]">
+              <div className="grid gap-5 p-5 xl:grid-cols-[minmax(220px,0.55fr)_minmax(0,1.45fr)]">
                 <div className="rounded-md border border-border bg-background p-4">
                   <div className="flex items-center gap-3">
                     <span className="flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground">