Skip to content

fix: prevent page icons from being squashed in table cells#692

Open
albertodainotti wants to merge 1 commit intoNotionX:masterfrom
InetIntel:fix-icon-flex-shrink
Open

fix: prevent page icons from being squashed in table cells#692
albertodainotti wants to merge 1 commit intoNotionX:masterfrom
InetIntel:fix-icon-flex-shrink

Conversation

@albertodainotti
Copy link
Contributor

Problem

When a table cell title is very long, the flexbox layout compresses the inline page icon to a smaller size. This happens because .notion-page-icon-inline has no flex-shrink constraint, so the browser shrinks it to make room for the text.

Fix

.notion-table-cell .notion-page-icon-inline {
  flex-shrink: 0;
}

Prevents the icon from being compressed regardless of title length.

Files Changed

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

Add flex-shrink: 0 to .notion-page-icon-inline inside table cells to
prevent long title text from compressing the icon.
@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