Skip to content

fix: normalize title text formatting in table cells#693

Open
albertodainotti wants to merge 1 commit intoNotionX:masterfrom
InetIntel:fix-title-normalization
Open

fix: normalize title text formatting in table cells#693
albertodainotti wants to merge 1 commit intoNotionX:masterfrom
InetIntel:fix-title-normalization

Conversation

@albertodainotti
Copy link
Contributor

Problem

Notion stores rich text formatting (bold, italic) in page title data. When rendered as a <Property> in table cells, the title inherits this formatting — some titles appear bold, others italic, others normal — producing inconsistent visual weight across rows.

Fix

Override nested formatting tags within .notion-page-link inside table cell titles:

.notion-table-cell-title .notion-page-link {
  font-style: normal;
  font-weight: 500;
}

.notion-table-cell-title .notion-page-link em,
.notion-table-cell-title .notion-page-link i,
.notion-table-cell-title .notion-page-link b,
.notion-table-cell-title .notion-page-link strong {
  font-style: inherit;
  font-weight: inherit;
}

All table titles now render with consistent font-weight: 500, matching Notion's native appearance.

Files Changed

  • packages/react-notion-x/src/styles.css (+13 lines)

Override rich text formatting from Notion data (bold, italic) in table
cell titles so titles display with consistent font-weight: 500 style.
@vercel
Copy link

vercel bot commented Mar 11, 2026

@albertodainotti is attempting to deploy a commit to the Saasify Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant