From 6dca808d71bc5f16ad6a661e30b890b0d21cbebb Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sat, 27 Jun 2026 12:25:10 +0800
Subject: [PATCH] fix(web): prevent governance mobile overflow

---
 apps/web/src/app/[locale]/governance/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/[locale]/governance/page.tsx b/apps/web/src/app/[locale]/governance/page.tsx
index 4a07bdcd6..585d53fd7 100644
--- a/apps/web/src/app/[locale]/governance/page.tsx
+++ b/apps/web/src/app/[locale]/governance/page.tsx
@@ -99,12 +99,12 @@ export default function GovernancePage({
         })}
       </section>
 
-      <div className="grid gap-4">
+      <div className="grid min-w-0 gap-4">
         {orderedSections.map((section) => {
           const Icon = section.Icon
           return (
-            <section key={section.id} id={section.id} className="scroll-mt-24">
-              <div className="mb-2 flex items-center justify-between gap-3 border border-[#e0ddd4] bg-white px-3 py-2">
+            <section key={section.id} id={section.id} className="min-w-0 scroll-mt-24">
+              <div className="mb-2 flex min-w-0 items-center justify-between gap-3 border border-[#e0ddd4] bg-white px-3 py-2">
                 <div className="flex min-w-0 items-center gap-2">
                   <span className="flex h-8 w-8 shrink-0 items-center justify-center border border-[#d8d3c7] bg-[#faf9f3] text-[#5f5d57]">
                     <Icon className="h-4 w-4" aria-hidden="true" />