diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css index e138c9bdd6..84757e9bf0 100644 --- a/packages/canon/css/components.css +++ b/packages/canon/css/components.css @@ -101,8 +101,7 @@ } .canon-DataTablePagination { - padding-top: var(--canon-space-3); - border-top: 1px solid var(--canon-border); + padding-top: var(--canon-space-5); justify-content: space-between; align-items: center; display: flex; @@ -220,12 +219,11 @@ text-align: left; padding: var(--canon-space-3); font-size: var(--canon-font-size-3); + color: var(--canon-fg-primary); } .canon-TableBody { - & tr:last-child { - border-bottom: none; - } + color: var(--canon-fg-primary); } .canon-TableRow { diff --git a/packages/canon/css/datatable.css b/packages/canon/css/datatable.css index 081bc11ce9..b20f7b558d 100644 --- a/packages/canon/css/datatable.css +++ b/packages/canon/css/datatable.css @@ -1,6 +1,5 @@ .canon-DataTablePagination { - padding-top: var(--canon-space-3); - border-top: 1px solid var(--canon-border); + padding-top: var(--canon-space-5); justify-content: space-between; align-items: center; display: flex; diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css index 46fd6f05d1..b606ce2f20 100644 --- a/packages/canon/css/styles.css +++ b/packages/canon/css/styles.css @@ -9325,8 +9325,7 @@ } .canon-DataTablePagination { - padding-top: var(--canon-space-3); - border-top: 1px solid var(--canon-border); + padding-top: var(--canon-space-5); justify-content: space-between; align-items: center; display: flex; @@ -9444,12 +9443,11 @@ text-align: left; padding: var(--canon-space-3); font-size: var(--canon-font-size-3); + color: var(--canon-fg-primary); } .canon-TableBody { - & tr:last-child { - border-bottom: none; - } + color: var(--canon-fg-primary); } .canon-TableRow { diff --git a/packages/canon/css/table.css b/packages/canon/css/table.css index dd25410a0e..c27fe3235d 100644 --- a/packages/canon/css/table.css +++ b/packages/canon/css/table.css @@ -8,12 +8,11 @@ text-align: left; padding: var(--canon-space-3); font-size: var(--canon-font-size-3); + color: var(--canon-fg-primary); } .canon-TableBody { - & tr:last-child { - border-bottom: none; - } + color: var(--canon-fg-primary); } .canon-TableRow { diff --git a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css b/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css index ff2e8e232c..42d5a847b5 100644 --- a/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css +++ b/packages/canon/src/components/DataTable/Pagination/DataTablePagination.styles.css @@ -2,8 +2,7 @@ display: flex; align-items: center; justify-content: space-between; - padding-top: var(--canon-space-3); - border-top: 1px solid var(--canon-border); + padding-top: var(--canon-space-5); } .canon-DataTablePagination--left { diff --git a/packages/canon/src/components/Table/styles.css b/packages/canon/src/components/Table/styles.css index 982b2d1c69..4234095823 100644 --- a/packages/canon/src/components/Table/styles.css +++ b/packages/canon/src/components/Table/styles.css @@ -8,12 +8,11 @@ text-align: left; padding: var(--canon-space-3); font-size: var(--canon-font-size-3); + color: var(--canon-fg-primary); } .canon-TableBody { - tr:last-child { - border-bottom: none; - } + color: var(--canon-fg-primary); } .canon-TableRow {