Custom CSS for Tab Container

[ThinhDinh]

You can try this.

.tab-options div[class*="StyledTabsList"] {
  display: flex;
  background: pink;
}

.tab-options div[class*="StyledTabsList"] > button {
  flex: 1 1 0;
  min-width: 0;
}

‎flex: 1 1 0; tells each button to:

• Grow (‎1): Each button can grow to fill available space.
• Shrink (‎1): Each button can shrink if needed.
• Basis (‎0): The starting size is 0, so all space is distributed equally.

This means no matter how many buttons you have, they’ll each take up the same amount of space.