diff --git a/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx b/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx
index e2044537..37c23aa4 100644
--- a/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx
+++ b/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx
@@ -94,11 +94,13 @@ function CandidatePill({ value, muted = false }: { value: string; muted?: boolea
       fontFamily: "'DM Mono', monospace",
       fontSize: 10,
       lineHeight: 1.3,
+      minWidth: 0,
       maxWidth: '100%',
-      overflowX: 'auto',
+      overflowX: 'hidden',
       overflowY: 'hidden',
-      overflowWrap: 'normal',
-      whiteSpace: 'nowrap',
+      overflowWrap: 'anywhere',
+      wordBreak: 'break-word',
+      whiteSpace: 'normal',
     }}>
       {value}
     </span>
@@ -594,7 +596,7 @@ export function AgentMarketTab() {
                 {t('technologyRadar.title')}
               </span>
             </div>
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end' }}>
+            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end', minWidth: 0, maxWidth: '100%' }}>
               <CandidatePill value={technologyRadar.report_contract.schedule_workflow} />
               <CandidatePill value={technologyRadar.report_contract.schedule_cron_utc} muted />
             </div>
@@ -643,7 +645,7 @@ export function AgentMarketTab() {
                 {t('technologyReports.title')}
               </span>
             </div>
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end' }}>
+            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end', minWidth: 0, maxWidth: '100%' }}>
               <CandidatePill value={technologyReportCadence.report_contract.api_endpoint} />
               <CandidatePill value={technologyReportCadence.telegram_report_bridge.integration_status} muted />
             </div>