diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx index 7d3f1d91440..952491bb2df 100644 --- a/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx +++ b/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx @@ -2356,7 +2356,7 @@ describe('AnalyticalTable', () => { // last currently rendered row cy.focused().should('have.attr', 'data-row-index', '22').should('have.attr', 'data-column-index', '0'); cy.realPress('PageDown'); - cy.focused().should('have.attr', 'data-row-index', '37').should('have.attr', 'data-column-index', '0'); + cy.focused().should('have.attr', 'data-row-index', '36').should('have.attr', 'data-column-index', '0'); cy.realPress('PageDown'); cy.focused().should('have.attr', 'data-row-index', '50').should('have.attr', 'data-column-index', '0'); cy.realPress('PageUp'); diff --git a/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts b/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts index 017d8e36049..2698481742f 100644 --- a/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts +++ b/packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts @@ -13,7 +13,17 @@ const styles = { fontFamily: ThemingParameters.sapFontFamily, fontSize: ThemingParameters.sapFontSize, fontWeight: 'normal', - backgroundColor: ThemingParameters.sapList_Background + backgroundColor: ThemingParameters.sapList_Background, + // bottom border + '&::after': { + content: '""', + position: 'absolute', + insetBlockEnd: 0, + insetInlineStart: 0, + height: '1px', + width: '100%', + background: ThemingParameters.sapList_TableFooterBorder + } }, tableContainerWithScrollBar: { position: 'relative' @@ -103,7 +113,6 @@ const styles = { overflowX: 'hidden', overflowY: 'auto', scrollbarWidth: 'none', - borderBlockEnd: `1px solid ${ThemingParameters.sapList_TableFooterBorder}`, boxSizing: 'border-box', '-ms-overflow-style': 'none', '&::-webkit-scrollbar': {