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" />