diff --git a/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx b/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx
index 53ccf92454..fb0e483de1 100644
--- a/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx
+++ b/src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx
@@ -282,7 +282,7 @@ export default function QuotaSharePageClient() {
           </Button>
         </div>
       ) : (
-        <div className="flex flex-col gap-3">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-3">
           {pools.map((pool) => (
             <PoolCardWithUsage
               key={pool.id}
diff --git a/tests/unit/quota-share-grid.test.ts b/tests/unit/quota-share-grid.test.ts
new file mode 100644
index 0000000000..5c08e77e53
--- /dev/null
+++ b/tests/unit/quota-share-grid.test.ts
@@ -0,0 +1,12 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+test("pool list uses a responsive 2-column grid", () => {
+  const p = join(fileURLToPath(import.meta.url), "..", "..", "..",
+    "src/app/(dashboard)/dashboard/costs/quota-share/QuotaSharePageClient.tsx");
+  const src = readFileSync(p, "utf8");
+  assert.ok(/grid-cols-1\s+lg:grid-cols-2/.test(src), "pool list must be a responsive 2-col grid");
+});