diff --git a/src/components/PivotTable/styles/PivotTable.style.js b/src/components/PivotTable/styles/PivotTable.style.js index 74bf840ec..3912a289c 100644 --- a/src/components/PivotTable/styles/PivotTable.style.js +++ b/src/components/PivotTable/styles/PivotTable.style.js @@ -112,6 +112,8 @@ export const cell = css` .title-cell { font-weight: bold; background-color: #cddaed; + padding-top: 0; + padding-bottom: 0; } .title-cell-content { text-align: center; @@ -119,6 +121,18 @@ export const cell = css` overflow: hidden; text-overflow: ellipsis; } + .title-cell.displaydensity-COMPACT > .title-cell-content { + padding-top: ${DISPLAY_DENSITY_PADDING_COMPACT}px; + padding-bottom: ${DISPLAY_DENSITY_PADDING_COMPACT}px; + } + .title-cell.displaydensity-NORMAL > .title-cell-content { + padding-top: ${DISPLAY_DENSITY_PADDING_NORMAL}px; + padding-bottom: ${DISPLAY_DENSITY_PADDING_NORMAL}px; + } + .title-cell.displaydensity-COMFORTABLE > .title-cell-content { + padding-top: ${DISPLAY_DENSITY_PADDING_COMFORTABLE}px; + padding-bottom: ${DISPLAY_DENSITY_PADDING_COMFORTABLE}px; + } .row-header { background-color: #dae6f8; }