diff --git a/.changeset/healthy-humans-chew.md b/.changeset/healthy-humans-chew.md new file mode 100644 index 00000000000..23f91f64a45 --- /dev/null +++ b/.changeset/healthy-humans-chew.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Update line-height value for Table to be a valid calc() expression diff --git a/packages/react/src/DataTable/Table.tsx b/packages/react/src/DataTable/Table.tsx index 35959563773..b4bf6796eb7 100644 --- a/packages/react/src/DataTable/Table.tsx +++ b/packages/react/src/DataTable/Table.tsx @@ -31,7 +31,7 @@ const StyledTable = styled.table>` display: grid; font-size: var(--table-font-size); grid-template-columns: var(--grid-template-columns); - line-height: calc(20 / var(--table-font-size)); + line-height: calc(20 / 12); width: 100%; /* Density modes: condensed, normal, spacious */