diff --git a/scss/_base_tables.scss b/scss/_base_tables.scss index 2ca55fee25..ccf8b9f8ab 100644 --- a/scss/_base_tables.scss +++ b/scss/_base_tables.scss @@ -71,6 +71,6 @@ // stylelint-enable selector-max-type %table-row-border { - border-top: 1px solid $colors--theme--border-default; + border-top: 1px solid $colors--theme--border-low-contrast; } } diff --git a/scss/_patterns_table-mobile-card.scss b/scss/_patterns_table-mobile-card.scss index 470d7e2e68..d28e048ef2 100644 --- a/scss/_patterns_table-mobile-card.scss +++ b/scss/_patterns_table-mobile-card.scss @@ -24,7 +24,8 @@ width: 100%; } - tr { + // tbody selector needed to override the default table styles + tbody tr { border: 1px solid $colors--theme--border-default; display: block; margin-bottom: $spv--x-large; @@ -64,7 +65,7 @@ } &:not(:first-child)::after { - background-color: $colors--theme--border-default; + background-color: $colors--theme--border-low-contrast; content: ''; height: 1px; left: 0;