diff --git a/.changeset/empty-ladybugs-perform.md b/.changeset/empty-ladybugs-perform.md new file mode 100644 index 0000000000..c3ed997cf8 --- /dev/null +++ b/.changeset/empty-ladybugs-perform.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Move the text-transform styling on BackstageTableHeader from inline styling to withStyles so it can be customised easier diff --git a/packages/core-components/src/components/Table/Table.tsx b/packages/core-components/src/components/Table/Table.tsx index 4aba7445b3..4fb7edf076 100644 --- a/packages/core-components/src/components/Table/Table.tsx +++ b/packages/core-components/src/components/Table/Table.tsx @@ -115,6 +115,7 @@ const StyledMTableHeader = withStyles( fontWeight: theme.typography.fontWeightBold, position: 'static', wordBreak: 'normal', + textTransform: 'uppercase', }, }), { name: 'BackstageTableHeader' }, @@ -436,7 +437,7 @@ export function Table(props: TableProps) { Toolbar, ...components, }} - options={{ headerStyle: { textTransform: 'uppercase' }, ...options }} + options={options} columns={convertColumns(columns, theme)} icons={tableIcons} title={