diff --git a/.all-contributorsrc b/.all-contributorsrc
index 32de2ff27220..426ad0ba76c7 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -1652,7 +1652,16 @@
"contributions": [
"code"
]
- }
+ },
+ {
+ "login": "ziyadzulfikar",
+ "name": "ziyadzulfikar",
+ "avatar_url": "https://avatars.githubusercontent.com/u/56788667?v=4",
+ "profile": "https://github.com/ziyadzulfikar",
+ "contributions": [
+ "code"
+ ]
+ },
],
"commitConvention": "none"
}
diff --git a/README.md b/README.md
index 73978e53b606..0e8c0a950c9a 100644
--- a/README.md
+++ b/README.md
@@ -309,6 +309,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
Noah Sgorbati 💻 📖 |
Divya G 💻 |
Soumya Raju 💻 |
+ Ziyad Bin Sulfi 💻 |
diff --git a/packages/styles/scss/components/data-table/_data-table.scss b/packages/styles/scss/components/data-table/_data-table.scss
index f7cca6645499..3d2565cdf650 100644
--- a/packages/styles/scss/components/data-table/_data-table.scss
+++ b/packages/styles/scss/components/data-table/_data-table.scss
@@ -205,7 +205,7 @@
.#{$prefix}--data-table td,
.#{$prefix}--data-table tbody th {
- border-block-end: 1px solid $border-subtle;
+ border-block-end: 1px solid $border-subtle-01;
border-block-start: 1px solid $layer;
color: $text-secondary;
padding-inline: $spacing-05 $spacing-05;
@@ -215,6 +215,16 @@
}
}
+ .#{$prefix}--layer-two .#{$prefix}--data-table td,
+ .#{$prefix}--layer-two .#{$prefix}--data-table tbody th {
+ border-block-end: 1px solid $border-subtle-02;
+ }
+
+ .#{$prefix}--layer-three .#{$prefix}--data-table td,
+ .#{$prefix}--layer-three .#{$prefix}--data-table tbody th {
+ border-block-end: 1px solid $border-subtle-03;
+ }
+
@supports (-moz-appearance: none) {
.#{$prefix}--data-table td {
// Fix to show borders in ff
diff --git a/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss b/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss
index affd1f4ba8a6..690139c6cdfb 100644
--- a/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss
+++ b/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss
@@ -189,7 +189,15 @@
// Expand icon column
//----------------------------------------------------------------------------
.#{$prefix}--data-table td.#{$prefix}--table-expand {
- border-block-end: 1px solid $border-subtle;
+ border-block-end: 1px solid $border-subtle-01;
+ }
+
+ .#{$prefix}--layer-two .#{$prefix}--data-table td.#{$prefix}--table-expand {
+ border-block-end: 1px solid $border-subtle-02;
+ }
+
+ .#{$prefix}--layer-three .#{$prefix}--data-table td.#{$prefix}--table-expand {
+ border-block-end: 1px solid $border-subtle-03;
}
.#{$prefix}--data-table