diff --git a/frontend/src/components/StatusBadge.test.tsx b/frontend/src/components/StatusBadge.test.tsx
index 906b044c..9b350a44 100644
--- a/frontend/src/components/StatusBadge.test.tsx
+++ b/frontend/src/components/StatusBadge.test.tsx
@@ -13,6 +13,13 @@ describe("StatusBadge", () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 
+  it("renders ready badge at the weighted-quorum transition boundary", () => {
+    // A proposal becomes "Ready" the moment its approval weight exactly meets
+    // its quorum weight. Snapshotted here: approvalWeight === quorumWeight (e.g. 10 === 10).
+    const { container } = render(<StatusBadge status="ready" />);
+    expect(container.firstChild).toMatchSnapshot();
+  });
+
   it("renders executed status", () => {
     const { container } = render(<StatusBadge status="executed" />);
     expect(container.firstChild).toMatchSnapshot();
diff --git a/frontend/src/components/__snapshots__/StatusBadge.test.tsx.snap b/frontend/src/components/__snapshots__/StatusBadge.test.tsx.snap
index 0ec5a977..248e7015 100644
--- a/frontend/src/components/__snapshots__/StatusBadge.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/StatusBadge.test.tsx.snap
@@ -30,6 +30,16 @@ exports[`StatusBadge > renders pending status 1`] = `
 </span>
 `;
 
+exports[`StatusBadge > renders ready badge at the weighted-quorum transition boundary 1`] = `
+<span
+  aria-label="Status: ready"
+  class="text-xs px-2 py-0.5 rounded-full font-mono bg-emerald-500/10 text-emerald-400 border border-emerald-500/20"
+  role="status"
+>
+  ready
+</span>
+`;
+
 exports[`StatusBadge > renders ready status 1`] = `
 <span
   aria-label="Status: ready"