src/components/bounty/BountyDescription.tsx passes remarkPlugins={[remarkGfm]} to
ReactMarkdown, which enables full GitHub-Flavored-Markdown support, including pipe
tables (| Column | Column |). markdownComponents overrides p, a, code, pre,
ul, ol, li, strong, h1-h3, and blockquote — but not table, thead,
tbody, tr, th, or td.
GitHub issue templates frequently use tables (a "before/after" comparison, a
compatibility matrix, a checklist with columns). When one appears in a bounty's
description, react-markdown renders it with zero styling from this app's design
system — no border, no overflow-x-auto wrapper, no cell padding — falling back to the
browser's bare default table rendering, which can easily overflow
src/app/issues/[id]/page.tsx's max-w-4xl container width on any table with more than
a couple of columns, since nothing constrains or scrolls it.
Suggested fix: add table/thead/tbody/tr/th/td mappings to markdownComponents,
wrapping the table in an overflow-x-auto container and giving cells consistent
padding/border treatment matching the rest of the description's typography.
src/components/bounty/BountyDescription.tsxpassesremarkPlugins={[remarkGfm]}toReactMarkdown, which enables full GitHub-Flavored-Markdown support, including pipetables (
| Column | Column |).markdownComponentsoverridesp,a,code,pre,ul,ol,li,strong,h1-h3, andblockquote— but nottable,thead,tbody,tr,th, ortd.GitHub issue templates frequently use tables (a "before/after" comparison, a
compatibility matrix, a checklist with columns). When one appears in a bounty's
description,
react-markdownrenders it with zero styling from this app's designsystem — no border, no
overflow-x-autowrapper, no cell padding — falling back to thebrowser's bare default table rendering, which can easily overflow
src/app/issues/[id]/page.tsx'smax-w-4xlcontainer width on any table with more thana couple of columns, since nothing constrains or scrolls it.
Suggested fix: add
table/thead/tbody/tr/th/tdmappings tomarkdownComponents,wrapping the
tablein anoverflow-x-autocontainer and giving cells consistentpadding/border treatment matching the rest of the description's typography.