diff --git a/doc/en/components/layouts/tabs.md b/doc/en/components/layouts/tabs.md
index d2896fe35..e5258a94e 100644
--- a/doc/en/components/layouts/tabs.md
+++ b/doc/en/components/layouts/tabs.md
@@ -208,11 +208,11 @@ The `Tab` component exposes the following CSS parts:
 
 ```css
 igc-tab::part(tab-header) {
-  background-color: var(--ig-gray-200);
+  background-color: var(--ig-surface-600);
 }
 
-igc-tab::part(content) {
-  color: var(--ig-success-500);
+igc-tab::part(tab-body) {
+  color: var(--ig-success-300);
 }
 ```
 <!-- end: WebComponents, React -->
@@ -245,7 +245,6 @@ igc-tab::part(content) {
 - `RadioGroup`
 - [`Styling & Themes`](../themes/overview.md)
 
-
 ## Additional Resources
 
 - [{ProductName} **Forums**]({ForumsLink})