semrush · j-mnizhek · Aug 12, 2026 · Aug 13, 2026 · Aug 13, 2026 · Aug 17, 2026
diff --git a/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx b/semcore/data-table/__tests__/data-table-accordion.browser-test.tsx
@@ -117,7 +117,9 @@ test.describe(`${TAG.VISUAL}`, () => {
       await page.keyboard.press('ArrowUp');
       await expect(locators.toggle(page).nth(0)).toBeFocused();
       await page.keyboard.press('Enter');
-      await locators.chart(page, 'Chart').waitFor({ state: 'hidden' });
+      // wait for the row to leave the DOM, not just hide: the accent border stays
+      // visible until the closing animation ends and expandedForAnimation resets
+      await expect(locators.chart(page, 'Chart')).toHaveCount(0);
       await expect(page).toHaveScreenshot();
     });
 

diff --git a/...dion-an-56c5d-component-inside-after-keyboard-interactions-2-chromium-linux.png b/...dion-an-56c5d-component-inside-after-keyboard-interactions-2-chromium-linux.png
diff --git a/...rdion-an-56c5d-component-inside-after-keyboard-interactions-2-firefox-linux.png b/...rdion-an-56c5d-component-inside-after-keyboard-interactions-2-firefox-linux.png
diff --git a/...ordion-an-56c5d-component-inside-after-keyboard-interactions-2-webkit-linux.png b/...ordion-an-56c5d-component-inside-after-keyboard-interactions-2-webkit-linux.png
diff --git a/...dion-an-c64f1-component-inside-after-keyboard-interactions-1-chromium-linux.png b/...dion-an-c64f1-component-inside-after-keyboard-interactions-1-chromium-linux.png
diff --git a/...rdion-an-c64f1-component-inside-after-keyboard-interactions-1-firefox-linux.png b/...rdion-an-c64f1-component-inside-after-keyboard-interactions-1-firefox-linux.png
diff --git a/...ordion-an-c64f1-component-inside-after-keyboard-interactions-1-webkit-linux.png b/...ordion-an-c64f1-component-inside-after-keyboard-interactions-1-webkit-linux.png
diff --git a/...ble-Verify-accordion-with-fixed-Column-withScrollBar-false-1-chromium-linux.png b/...ble-Verify-accordion-with-fixed-Column-withScrollBar-false-1-chromium-linux.png
diff --git a/...able-Verify-accordion-with-fixed-Column-withScrollBar-false-1-firefox-linux.png b/...able-Verify-accordion-with-fixed-Column-withScrollBar-false-1-firefox-linux.png
diff --git a/...table-Verify-accordion-with-fixed-Column-withScrollBar-false-1-webkit-linux.png b/...table-Verify-accordion-with-fixed-Column-withScrollBar-false-1-webkit-linux.png
diff --git a/...ble-Verify-accordion-with-fixed-Column-withScrollBar-false-2-chromium-linux.png b/...ble-Verify-accordion-with-fixed-Column-withScrollBar-false-2-chromium-linux.png
diff --git a/...able-Verify-accordion-with-fixed-Column-withScrollBar-false-2-firefox-linux.png b/...able-Verify-accordion-with-fixed-Column-withScrollBar-false-2-firefox-linux.png
diff --git a/...table-Verify-accordion-with-fixed-Column-withScrollBar-false-2-webkit-linux.png b/...table-Verify-accordion-with-fixed-Column-withScrollBar-false-2-webkit-linux.png
diff --git a/...able-Verify-accordion-with-fixed-Column-withScrollBar-true-1-chromium-linux.png b/...able-Verify-accordion-with-fixed-Column-withScrollBar-true-1-chromium-linux.png
diff --git a/...table-Verify-accordion-with-fixed-Column-withScrollBar-true-1-firefox-linux.png b/...table-Verify-accordion-with-fixed-Column-withScrollBar-true-1-firefox-linux.png
diff --git a/...-table-Verify-accordion-with-fixed-Column-withScrollBar-true-1-webkit-linux.png b/...-table-Verify-accordion-with-fixed-Column-withScrollBar-true-1-webkit-linux.png
diff --git a/...able-Verify-accordion-with-fixed-Column-withScrollBar-true-2-chromium-linux.png b/...able-Verify-accordion-with-fixed-Column-withScrollBar-true-2-chromium-linux.png
diff --git a/...table-Verify-accordion-with-fixed-Column-withScrollBar-true-2-firefox-linux.png b/...table-Verify-accordion-with-fixed-Column-withScrollBar-true-2-firefox-linux.png
diff --git a/...-table-Verify-accordion-with-fixed-Column-withScrollBar-true-2-webkit-linux.png b/...-table-Verify-accordion-with-fixed-Column-withScrollBar-true-2-webkit-linux.png
diff --git a/...table-Verify-accordion-with-renderCell-function-for-parent-1-chromium-linux.png b/...table-Verify-accordion-with-renderCell-function-for-parent-1-chromium-linux.png
diff --git a/...-table-Verify-accordion-with-renderCell-function-for-parent-1-firefox-linux.png b/...-table-Verify-accordion-with-renderCell-function-for-parent-1-firefox-linux.png
diff --git a/...n-table-Verify-accordion-with-renderCell-function-for-parent-1-webkit-linux.png b/...n-table-Verify-accordion-with-renderCell-function-for-parent-1-webkit-linux.png
diff --git a/...ts/-visual-Accordion-in-table-Verify-cell-with-merged-rows-1-chromium-linux.png b/...ts/-visual-Accordion-in-table-Verify-cell-with-merged-rows-1-chromium-linux.png
diff --git a/...ots/-visual-Accordion-in-table-Verify-cell-with-merged-rows-1-firefox-linux.png b/...ots/-visual-Accordion-in-table-Verify-cell-with-merged-rows-1-firefox-linux.png
diff --git a/...hots/-visual-Accordion-in-table-Verify-cell-with-merged-rows-1-webkit-linux.png b/...hots/-visual-Accordion-in-table-Verify-cell-with-merged-rows-1-webkit-linux.png
diff --git a/...ox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-chromium-linux.png b/...ox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-chromium-linux.png
diff --git a/...box-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-firefox-linux.png b/...box-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-firefox-linux.png
diff --git a/...kbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-webkit-linux.png b/...kbox-and-56d75-ons-when-variant-default-and-sedeIndents-wide-1-webkit-linux.png
diff --git a/...ox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-chromium-linux.png b/...ox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-chromium-linux.png
diff --git a/...box-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-firefox-linux.png b/...box-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-firefox-linux.png
diff --git a/...kbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-webkit-linux.png b/...kbox-and-622a0-n-variant-undefined-and-sedeIndents-undefined-1-webkit-linux.png
diff --git a/...ox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-chromium-linux.png b/...ox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-chromium-linux.png
diff --git a/...box-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-firefox-linux.png b/...box-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-firefox-linux.png
diff --git a/...kbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-webkit-linux.png b/...kbox-and-d9027-hen-variant-default-and-sedeIndents-undefined-1-webkit-linux.png
diff --git a/...ox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-chromium-linux.png b/...ox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-chromium-linux.png
diff --git a/...box-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-firefox-linux.png b/...box-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-firefox-linux.png
diff --git a/...kbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-webkit-linux.png b/...kbox-and-ddb13-ctions-when-variant-card-and-sedeIndents-wide-1-webkit-linux.png
diff --git a/...ox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-chromium-linux.png b/...ox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-chromium-linux.png
diff --git a/...box-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-firefox-linux.png b/...box-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-firefox-linux.png
diff --git a/...kbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-webkit-linux.png b/...kbox-and-f3025-s-when-variant-card-and-sedeIndents-undefined-1-webkit-linux.png
diff --git a/...Accordion-in-table-Verify-table-component-inside-accordion-1-chromium-linux.png b/...Accordion-in-table-Verify-table-component-inside-accordion-1-chromium-linux.png
diff --git a/...-Accordion-in-table-Verify-table-component-inside-accordion-1-firefox-linux.png b/...-Accordion-in-table-Verify-table-component-inside-accordion-1-firefox-linux.png
diff --git a/...l-Accordion-in-table-Verify-table-component-inside-accordion-1-webkit-linux.png b/...l-Accordion-in-table-Verify-table-component-inside-accordion-1-webkit-linux.png
diff --git a/...e-Verify-table-with-checkbox-and-accordion-not-in-1st-cell-1-chromium-linux.png b/...e-Verify-table-with-checkbox-and-accordion-not-in-1st-cell-1-chromium-linux.png
diff --git a/...le-Verify-table-with-checkbox-and-accordion-not-in-1st-cell-1-firefox-linux.png b/...le-Verify-table-with-checkbox-and-accordion-not-in-1st-cell-1-firefox-linux.png
diff --git a/...ble-Verify-table-with-checkbox-and-accordion-not-in-1st-cell-1-webkit-linux.png b/...ble-Verify-table-with-checkbox-and-accordion-not-in-1st-cell-1-webkit-linux.png
diff --git a/...ble-Verify-accordion-with-fixed-column-withScrollBar-false-1-chromium-linux.png b/...ble-Verify-accordion-with-fixed-column-withScrollBar-false-1-chromium-linux.png
diff --git a/...able-Verify-accordion-with-fixed-column-withScrollBar-false-1-firefox-linux.png b/...able-Verify-accordion-with-fixed-column-withScrollBar-false-1-firefox-linux.png
diff --git a/...table-Verify-accordion-with-fixed-column-withScrollBar-false-1-webkit-linux.png b/...table-Verify-accordion-with-fixed-column-withScrollBar-false-1-webkit-linux.png
diff --git a/...ble-Verify-accordion-with-fixed-column-withScrollBar-false-2-chromium-linux.png b/...ble-Verify-accordion-with-fixed-column-withScrollBar-false-2-chromium-linux.png
diff --git a/...able-Verify-accordion-with-fixed-column-withScrollBar-false-2-firefox-linux.png b/...able-Verify-accordion-with-fixed-column-withScrollBar-false-2-firefox-linux.png
diff --git a/...table-Verify-accordion-with-fixed-column-withScrollBar-false-2-webkit-linux.png b/...table-Verify-accordion-with-fixed-column-withScrollBar-false-2-webkit-linux.png
diff --git a/...able-Verify-accordion-with-fixed-column-withScrollBar-true-1-chromium-linux.png b/...able-Verify-accordion-with-fixed-column-withScrollBar-true-1-chromium-linux.png
diff --git a/...table-Verify-accordion-with-fixed-column-withScrollBar-true-1-firefox-linux.png b/...table-Verify-accordion-with-fixed-column-withScrollBar-true-1-firefox-linux.png
diff --git a/...-table-Verify-accordion-with-fixed-column-withScrollBar-true-1-webkit-linux.png b/...-table-Verify-accordion-with-fixed-column-withScrollBar-true-1-webkit-linux.png
diff --git a/...able-Verify-accordion-with-fixed-column-withScrollBar-true-2-chromium-linux.png b/...able-Verify-accordion-with-fixed-column-withScrollBar-true-2-chromium-linux.png
diff --git a/...table-Verify-accordion-with-fixed-column-withScrollBar-true-2-firefox-linux.png b/...table-Verify-accordion-with-fixed-column-withScrollBar-true-2-firefox-linux.png
diff --git a/...-table-Verify-accordion-with-fixed-column-withScrollBar-true-2-webkit-linux.png b/...-table-Verify-accordion-with-fixed-column-withScrollBar-true-2-webkit-linux.png
diff --git a/...Table-in-table-Verify-accordion-with-justifyContent-center-1-chromium-linux.png b/...Table-in-table-Verify-accordion-with-justifyContent-center-1-chromium-linux.png
diff --git a/...-Table-in-table-Verify-accordion-with-justifyContent-center-1-firefox-linux.png b/...-Table-in-table-Verify-accordion-with-justifyContent-center-1-firefox-linux.png
diff --git a/...l-Table-in-table-Verify-accordion-with-justifyContent-center-1-webkit-linux.png b/...l-Table-in-table-Verify-accordion-with-justifyContent-center-1-webkit-linux.png
diff --git a/...ble-in-table-Verify-accordion-with-justifyContent-flex-end-1-chromium-linux.png b/...ble-in-table-Verify-accordion-with-justifyContent-flex-end-1-chromium-linux.png
diff --git a/...able-in-table-Verify-accordion-with-justifyContent-flex-end-1-firefox-linux.png b/...able-in-table-Verify-accordion-with-justifyContent-flex-end-1-firefox-linux.png
diff --git a/...Table-in-table-Verify-accordion-with-justifyContent-flex-end-1-webkit-linux.png b/...Table-in-table-Verify-accordion-with-justifyContent-flex-end-1-webkit-linux.png
diff --git a/...e-in-table-Verify-accordion-with-justifyContent-flex-start-1-chromium-linux.png b/...e-in-table-Verify-accordion-with-justifyContent-flex-start-1-chromium-linux.png
diff --git a/...le-in-table-Verify-accordion-with-justifyContent-flex-start-1-firefox-linux.png b/...le-in-table-Verify-accordion-with-justifyContent-flex-start-1-firefox-linux.png
diff --git a/...ble-in-table-Verify-accordion-with-justifyContent-flex-start-1-webkit-linux.png b/...ble-in-table-Verify-accordion-with-justifyContent-flex-start-1-webkit-linux.png
diff --git a/...pshots/-visual-Table-in-table-Verify-table-in-table-styles-1-chromium-linux.png b/...pshots/-visual-Table-in-table-Verify-table-in-table-styles-1-chromium-linux.png
diff --git a/...apshots/-visual-Table-in-table-Verify-table-in-table-styles-1-firefox-linux.png b/...apshots/-visual-Table-in-table-Verify-table-in-table-styles-1-firefox-linux.png
diff --git a/...napshots/-visual-Table-in-table-Verify-table-in-table-styles-1-webkit-linux.png b/...napshots/-visual-Table-in-table-Verify-table-in-table-styles-1-webkit-linux.png
diff --git a/.../-visual-Table-in-table-Verify-table-in-table-with-sorting-1-chromium-linux.png b/.../-visual-Table-in-table-Verify-table-in-table-with-sorting-1-chromium-linux.png
diff --git a/...s/-visual-Table-in-table-Verify-table-in-table-with-sorting-1-firefox-linux.png b/...s/-visual-Table-in-table-Verify-table-in-table-with-sorting-1-firefox-linux.png
diff --git a/...ts/-visual-Table-in-table-Verify-table-in-table-with-sorting-1-webkit-linux.png b/...ts/-visual-Table-in-table-Verify-table-in-table-with-sorting-1-webkit-linux.png
diff --git a/.../-visual-Table-in-table-Verify-table-in-table-with-sorting-2-chromium-linux.png b/.../-visual-Table-in-table-Verify-table-in-table-with-sorting-2-chromium-linux.png
diff --git a/...s/-visual-Table-in-table-Verify-table-in-table-with-sorting-2-firefox-linux.png b/...s/-visual-Table-in-table-Verify-table-in-table-with-sorting-2-firefox-linux.png
diff --git a/...ts/-visual-Table-in-table-Verify-table-in-table-with-sorting-2-webkit-linux.png b/...ts/-visual-Table-in-table-Verify-table-in-table-with-sorting-2-webkit-linux.png
diff --git a/.../-visual-Table-in-table-Verify-table-in-table-with-sorting-3-chromium-linux.png b/.../-visual-Table-in-table-Verify-table-in-table-with-sorting-3-chromium-linux.png
diff --git a/...s/-visual-Table-in-table-Verify-table-in-table-with-sorting-3-firefox-linux.png b/...s/-visual-Table-in-table-Verify-table-in-table-with-sorting-3-firefox-linux.png
diff --git a/...ts/-visual-Table-in-table-Verify-table-in-table-with-sorting-3-webkit-linux.png b/...ts/-visual-Table-in-table-Verify-table-in-table-with-sorting-3-webkit-linux.png
diff --git a/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx b/semcore/data-table/__tests__/data-table-base-styles-checks.browser-test.tsx
@@ -15,7 +15,9 @@ test.describe(`${TAG.VISUAL}`, () => {
   }, async ({ page, browserName }) => {
     await loadPage(page, 'stories/components/data-table/docs/examples/base.tsx', 'en');
     const textPrimary = await getCssVarColor(page, '--intergalactic-text-primary', 'color');
+    const textSecondary = await getCssVarColor(page, '--intergalactic-text-secondary', 'color');
     const thPrimaryCellBg = await getCssVarColor(page, '--intergalactic-table-th-primary-cell');
+    const borderPrimary = await getCssVarBorder(page, '--intergalactic-border-primary');
     const borderSecondary = await getCssVarBorder(page, '--intergalactic-border-secondary');
     const cellHoverBg = await getCssVarColor(page, '--intergalactic-table-td-cell-hover');
 
@@ -26,10 +28,10 @@ test.describe(`${TAG.VISUAL}`, () => {
       await checkStyles(header, {
         'font-size': '12px',
         'line-height': browserName === 'firefox' ? '15.9667px' : '15.96px',
-        'color': textPrimary,
+        'color': textSecondary,
         'padding': '12px',
         'background-color': thPrimaryCellBg,
-        'border-bottom': borderSecondary,
+        'border-bottom': borderPrimary,
       });
     });
 
@@ -38,8 +40,8 @@ test.describe(`${TAG.VISUAL}`, () => {
       if (browserName !== 'firefox')
         await checkStyles(header.first(), {
           'font-size': '12px',
-          'border-bottom': borderSecondary,
-          'color': textPrimary,
+          'border-bottom': borderPrimary,
+          'color': textSecondary,
           'background-color': thPrimaryCellBg,
           'padding': '12px',
         });
@@ -140,8 +142,10 @@ test.describe(`${TAG.VISUAL}`, () => {
   }, async ({ page, browserName }) => {
     await loadPage(page, 'stories/components/data-table/docs/examples/compact.tsx', 'en');
     const textPrimary = await getCssVarColor(page, '--intergalactic-text-primary', 'color');
+    const textSecondary = await getCssVarColor(page, '--intergalactic-text-secondary', 'color');
     const thPrimaryCellBg = await getCssVarColor(page, '--intergalactic-table-th-primary-cell');
-    const cellDefaultBg = await getCssVarColor(page, '--intergalactic-bg-primary-neutral');
+    const cellDefaultBg = await getCssVarColor(page, '--intergalactic-table-td-cell');
+    const borderPrimary = await getCssVarBorder(page, '--intergalactic-border-primary');
     const borderSecondary = await getCssVarBorder(page, '--intergalactic-border-secondary');
 
     const header = page.locator('[data-ui-name="Head.Column"]');
@@ -150,10 +154,10 @@ test.describe(`${TAG.VISUAL}`, () => {
     await checkStyles(header, {
       'font-size': '12px',
       'line-height': browserName === 'firefox' ? '15.9667px' : '15.96px',
-      'color': textPrimary,
+      'color': textSecondary,
       'padding': '12px 8px',
       'background-color': thPrimaryCellBg,
-      'border-bottom': borderSecondary,
+      'border-bottom': borderPrimary,
     });
 
     await checkStyles(firstCell, {
@@ -176,10 +180,11 @@ test.describe(`${TAG.VISUAL}`, () => {
   }, async ({ page, browserName }) => {
     await loadPage(page, 'stories/components/data-table/docs/examples/secondary-table.tsx', 'en');
     const textPrimary = await getCssVarColor(page, '--intergalactic-text-primary', 'color');
+    const textSecondary = await getCssVarColor(page, '--intergalactic-text-secondary', 'color');
     const thSecondaryCellBg = await getCssVarColor(page, '--intergalactic-table-th-secondary-cell');
-    const cellDefaultBg = await getCssVarColor(page, '--intergalactic-bg-primary-neutral');
+    const cellDefaultBg = await getCssVarColor(page, '--intergalactic-table-td-cell');
     const borderSecondary = await getCssVarBorder(page, '--intergalactic-border-secondary');
-    const borderTableAccent = await getCssVarBorder(page, '--intergalactic-border-table-accent');
+    const borderTableAccent = await getCssVarBorder(page, '--intergalactic-table-border-accent');
     const cellHoverBg = await getCssVarColor(page, '--intergalactic-table-td-cell-hover');
 
     const header = page.locator('[data-ui-name="Head.Column"]');
@@ -188,7 +193,7 @@ test.describe(`${TAG.VISUAL}`, () => {
     await checkStyles(header, {
       'font-size': '12px',
       'line-height': browserName === 'firefox' ? '15.9667px' : '15.96px',
-      'color': textPrimary,
+      'color': textSecondary,
       'padding': '8px',
       'background-color': thSecondaryCellBg,
       'border-bottom': borderTableAccent,
@@ -198,7 +203,7 @@ test.describe(`${TAG.VISUAL}`, () => {
     if (browserName !== 'firefox')
       await checkStyles(header, {
         'font-size': '12px',
-        'color': textPrimary,
+        'color': textSecondary,
         'padding': '8px',
         'background-color': thSecondaryCellBg,
         'border-bottom': borderTableAccent,

diff --git a/...s.browser-test.tsx-snapshots/-visual-Verify-styles-Compact-1-chromium-linux.png b/...s.browser-test.tsx-snapshots/-visual-Verify-styles-Compact-1-chromium-linux.png
diff --git a/...ks.browser-test.tsx-snapshots/-visual-Verify-styles-Compact-1-firefox-linux.png b/...ks.browser-test.tsx-snapshots/-visual-Verify-styles-Compact-1-firefox-linux.png
diff --git a/...cks.browser-test.tsx-snapshots/-visual-Verify-styles-Compact-1-webkit-linux.png b/...cks.browser-test.tsx-snapshots/-visual-Verify-styles-Compact-1-webkit-linux.png
diff --git a/...s.browser-test.tsx-snapshots/-visual-Verify-styles-Primary-1-chromium-linux.png b/...s.browser-test.tsx-snapshots/-visual-Verify-styles-Primary-1-chromium-linux.png
diff --git a/...ks.browser-test.tsx-snapshots/-visual-Verify-styles-Primary-1-firefox-linux.png b/...ks.browser-test.tsx-snapshots/-visual-Verify-styles-Primary-1-firefox-linux.png
diff --git a/...cks.browser-test.tsx-snapshots/-visual-Verify-styles-Primary-1-webkit-linux.png b/...cks.browser-test.tsx-snapshots/-visual-Verify-styles-Primary-1-webkit-linux.png
diff --git a/...browser-test.tsx-snapshots/-visual-Verify-styles-Secondary-1-chromium-linux.png b/...browser-test.tsx-snapshots/-visual-Verify-styles-Secondary-1-chromium-linux.png
diff --git a/....browser-test.tsx-snapshots/-visual-Verify-styles-Secondary-1-firefox-linux.png b/....browser-test.tsx-snapshots/-visual-Verify-styles-Secondary-1-firefox-linux.png
diff --git a/...s.browser-test.tsx-snapshots/-visual-Verify-styles-Secondary-1-webkit-linux.png b/...s.browser-test.tsx-snapshots/-visual-Verify-styles-Secondary-1-webkit-linux.png
diff --git a/...ls.browser-test.tsx-snapshots/-visual-Verify-colored-cells-1-chromium-linux.png b/...ls.browser-test.tsx-snapshots/-visual-Verify-colored-cells-1-chromium-linux.png
diff --git a/...lls.browser-test.tsx-snapshots/-visual-Verify-colored-cells-1-firefox-linux.png b/...lls.browser-test.tsx-snapshots/-visual-Verify-colored-cells-1-firefox-linux.png
diff --git a/...ells.browser-test.tsx-snapshots/-visual-Verify-colored-cells-1-webkit-linux.png b/...ells.browser-test.tsx-snapshots/-visual-Verify-colored-cells-1-webkit-linux.png
diff --git a/...ls.browser-test.tsx-snapshots/-visual-Verify-colored-cells-2-chromium-linux.png b/...ls.browser-test.tsx-snapshots/-visual-Verify-colored-cells-2-chromium-linux.png
diff --git a/...ts/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-chromium-linux.png b/...ts/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-chromium-linux.png
diff --git a/...ots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-firefox-linux.png b/...ots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-firefox-linux.png
diff --git a/...hots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-webkit-linux.png b/...hots/-visual-Verify-long-text-in-cells-and-wrap-and-ellipsis-1-webkit-linux.png
diff --git a/...pshots/-visual-Verify-overflow-hidden-visual-finctionality-1-chromium-linux.png b/...pshots/-visual-Verify-overflow-hidden-visual-finctionality-1-chromium-linux.png
diff --git a/...apshots/-visual-Verify-overflow-hidden-visual-finctionality-1-firefox-linux.png b/...apshots/-visual-Verify-overflow-hidden-visual-finctionality-1-firefox-linux.png
diff --git a/...napshots/-visual-Verify-overflow-hidden-visual-finctionality-1-webkit-linux.png b/...napshots/-visual-Verify-overflow-hidden-visual-finctionality-1-webkit-linux.png
diff --git a/...st.tsx-snapshots/-visual-Verify-Column-sizes-functionality-1-chromium-linux.png b/...st.tsx-snapshots/-visual-Verify-Column-sizes-functionality-1-chromium-linux.png
diff --git a/...est.tsx-snapshots/-visual-Verify-Column-sizes-functionality-1-firefox-linux.png b/...est.tsx-snapshots/-visual-Verify-Column-sizes-functionality-1-firefox-linux.png
diff --git a/...test.tsx-snapshots/-visual-Verify-Column-sizes-functionality-1-webkit-linux.png b/...test.tsx-snapshots/-visual-Verify-Column-sizes-functionality-1-webkit-linux.png
diff --git a/...st.tsx-snapshots/-visual-Verify-Column-sizes-functionality-2-chromium-linux.png b/...st.tsx-snapshots/-visual-Verify-Column-sizes-functionality-2-chromium-linux.png
diff --git a/...est.tsx-snapshots/-visual-Verify-Column-sizes-functionality-2-firefox-linux.png b/...est.tsx-snapshots/-visual-Verify-Column-sizes-functionality-2-firefox-linux.png
diff --git a/...test.tsx-snapshots/-visual-Verify-Column-sizes-functionality-2-webkit-linux.png b/...test.tsx-snapshots/-visual-Verify-Column-sizes-functionality-2-webkit-linux.png
diff --git a/....browser-test.tsx-snapshots/-visual-Verify-alignment-props-1-chromium-linux.png b/....browser-test.tsx-snapshots/-visual-Verify-alignment-props-1-chromium-linux.png
diff --git a/...s.browser-test.tsx-snapshots/-visual-Verify-alignment-props-1-firefox-linux.png b/...s.browser-test.tsx-snapshots/-visual-Verify-alignment-props-1-firefox-linux.png
diff --git a/...ns.browser-test.tsx-snapshots/-visual-Verify-alignment-props-1-webkit-linux.png b/...ns.browser-test.tsx-snapshots/-visual-Verify-alignment-props-1-webkit-linux.png
diff --git a/...napshots/-visual-Verify-merged-columns-keyboard-navigation-1-chromium-linux.png b/...napshots/-visual-Verify-merged-columns-keyboard-navigation-1-chromium-linux.png
diff --git a/...snapshots/-visual-Verify-merged-columns-keyboard-navigation-1-firefox-linux.png b/...snapshots/-visual-Verify-merged-columns-keyboard-navigation-1-firefox-linux.png
diff --git a/...-snapshots/-visual-Verify-merged-columns-keyboard-navigation-1-webkit-linux.png b/...-snapshots/-visual-Verify-merged-columns-keyboard-navigation-1-webkit-linux.png
diff --git a/...-border-and-Long-title-with-and-without-Ellipsis-correctly-1-chromium-linux.png b/...-border-and-Long-title-with-and-without-Ellipsis-correctly-1-chromium-linux.png
diff --git a/...y-border-and-Long-title-with-and-without-Ellipsis-correctly-1-firefox-linux.png b/...y-border-and-Long-title-with-and-without-Ellipsis-correctly-1-firefox-linux.png
diff --git a/...fy-border-and-Long-title-with-and-without-Ellipsis-correctly-1-webkit-linux.png b/...fy-border-and-Long-title-with-and-without-Ellipsis-correctly-1-webkit-linux.png
diff --git a/...se-intera-1f131-h-hint-checkbox-description-tooltip-select-1-chromium-linux.png b/...se-intera-1f131-h-hint-checkbox-description-tooltip-select-1-chromium-linux.png
diff --git a/...use-intera-1f131-h-hint-checkbox-description-tooltip-select-1-firefox-linux.png b/...use-intera-1f131-h-hint-checkbox-description-tooltip-select-1-firefox-linux.png
diff --git a/...ouse-intera-1f131-h-hint-checkbox-description-tooltip-select-1-webkit-linux.png b/...ouse-intera-1f131-h-hint-checkbox-description-tooltip-select-1-webkit-linux.png
diff --git a/...-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-chromium-linux.png b/...-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-chromium-linux.png
diff --git a/...l-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-firefox-linux.png b/...l-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-firefox-linux.png
diff --git a/...al-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-webkit-linux.png b/...al-Multi-level-Header-Verify-mouse-interactions-with-sorting-1-webkit-linux.png
diff --git a/...snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-chromium-linux.png b/...snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-chromium-linux.png
diff --git a/...-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-firefox-linux.png b/...-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-firefox-linux.png
diff --git a/...x-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-webkit-linux.png b/...x-snapshots/-visual-Multi-level-Header-Verify-sorting-styles-1-webkit-linux.png
diff --git a/...fy-keyboard-interactions-when-Select-and-Tooltip-in-header-1-chromium-linux.png b/...fy-keyboard-interactions-when-Select-and-Tooltip-in-header-1-chromium-linux.png
diff --git a/...ify-keyboard-interactions-when-Select-and-Tooltip-in-header-1-firefox-linux.png b/...ify-keyboard-interactions-when-Select-and-Tooltip-in-header-1-firefox-linux.png
diff --git a/...rify-keyboard-interactions-when-Select-and-Tooltip-in-header-1-webkit-linux.png b/...rify-keyboard-interactions-when-Select-and-Tooltip-in-header-1-webkit-linux.png
diff --git a/...fy-keyboard-interactions-when-Select-and-Tooltip-in-header-2-chromium-linux.png b/...fy-keyboard-interactions-when-Select-and-Tooltip-in-header-2-chromium-linux.png
diff --git a/...ify-keyboard-interactions-when-Select-and-Tooltip-in-header-2-firefox-linux.png b/...ify-keyboard-interactions-when-Select-and-Tooltip-in-header-2-firefox-linux.png
diff --git a/...rify-keyboard-interactions-when-Select-and-Tooltip-in-header-2-webkit-linux.png b/...rify-keyboard-interactions-when-Select-and-Tooltip-in-header-2-webkit-linux.png
diff --git a/...erify-keyboard-sorting-with-changing-size-when-use-primary-1-chromium-linux.png b/...erify-keyboard-sorting-with-changing-size-when-use-primary-1-chromium-linux.png
diff --git a/...Verify-keyboard-sorting-with-changing-size-when-use-primary-1-firefox-linux.png b/...Verify-keyboard-sorting-with-changing-size-when-use-primary-1-firefox-linux.png
diff --git a/...-Verify-keyboard-sorting-with-changing-size-when-use-primary-1-webkit-linux.png b/...-Verify-keyboard-sorting-with-changing-size-when-use-primary-1-webkit-linux.png
diff --git a/...erify-keyboard-sorting-with-changing-size-when-use-primary-2-chromium-linux.png b/...erify-keyboard-sorting-with-changing-size-when-use-primary-2-chromium-linux.png
diff --git a/...Verify-keyboard-sorting-with-changing-size-when-use-primary-2-firefox-linux.png b/...Verify-keyboard-sorting-with-changing-size-when-use-primary-2-firefox-linux.png
diff --git a/...-Verify-keyboard-sorting-with-changing-size-when-use-primary-2-webkit-linux.png b/...-Verify-keyboard-sorting-with-changing-size-when-use-primary-2-webkit-linux.png
diff --git a/...ify-keyboard-sorting-with-changing-size-when-use-secondary-1-chromium-linux.png b/...ify-keyboard-sorting-with-changing-size-when-use-secondary-1-chromium-linux.png
diff --git a/...rify-keyboard-sorting-with-changing-size-when-use-secondary-1-firefox-linux.png b/...rify-keyboard-sorting-with-changing-size-when-use-secondary-1-firefox-linux.png
diff --git a/...erify-keyboard-sorting-with-changing-size-when-use-secondary-1-webkit-linux.png b/...erify-keyboard-sorting-with-changing-size-when-use-secondary-1-webkit-linux.png
diff --git a/...ify-keyboard-sorting-with-changing-size-when-use-secondary-2-chromium-linux.png b/...ify-keyboard-sorting-with-changing-size-when-use-secondary-2-chromium-linux.png
diff --git a/...rify-keyboard-sorting-with-changing-size-when-use-secondary-2-firefox-linux.png b/...rify-keyboard-sorting-with-changing-size-when-use-secondary-2-firefox-linux.png
diff --git a/...erify-keyboard-sorting-with-changing-size-when-use-secondary-2-webkit-linux.png b/...erify-keyboard-sorting-with-changing-size-when-use-secondary-2-webkit-linux.png
diff --git a/...r-Verify-mouse-sorting-with-changing-size-when-use-primary-1-chromium-linux.png b/...r-Verify-mouse-sorting-with-changing-size-when-use-primary-1-chromium-linux.png
diff --git a/...er-Verify-mouse-sorting-with-changing-size-when-use-primary-1-firefox-linux.png b/...er-Verify-mouse-sorting-with-changing-size-when-use-primary-1-firefox-linux.png
diff --git a/...der-Verify-mouse-sorting-with-changing-size-when-use-primary-1-webkit-linux.png b/...der-Verify-mouse-sorting-with-changing-size-when-use-primary-1-webkit-linux.png
diff --git a/...r-Verify-mouse-sorting-with-changing-size-when-use-primary-2-chromium-linux.png b/...r-Verify-mouse-sorting-with-changing-size-when-use-primary-2-chromium-linux.png
diff --git a/...er-Verify-mouse-sorting-with-changing-size-when-use-primary-2-firefox-linux.png b/...er-Verify-mouse-sorting-with-changing-size-when-use-primary-2-firefox-linux.png
diff --git a/...der-Verify-mouse-sorting-with-changing-size-when-use-primary-2-webkit-linux.png b/...der-Verify-mouse-sorting-with-changing-size-when-use-primary-2-webkit-linux.png
diff --git a/...Verify-mouse-sorting-with-changing-size-when-use-secondary-1-chromium-linux.png b/...Verify-mouse-sorting-with-changing-size-when-use-secondary-1-chromium-linux.png
diff --git a/...-Verify-mouse-sorting-with-changing-size-when-use-secondary-1-firefox-linux.png b/...-Verify-mouse-sorting-with-changing-size-when-use-secondary-1-firefox-linux.png
diff --git a/...r-Verify-mouse-sorting-with-changing-size-when-use-secondary-1-webkit-linux.png b/...r-Verify-mouse-sorting-with-changing-size-when-use-secondary-1-webkit-linux.png
diff --git a/...Verify-mouse-sorting-with-changing-size-when-use-secondary-2-chromium-linux.png b/...Verify-mouse-sorting-with-changing-size-when-use-secondary-2-chromium-linux.png
diff --git a/...-Verify-mouse-sorting-with-changing-size-when-use-secondary-2-firefox-linux.png b/...-Verify-mouse-sorting-with-changing-size-when-use-secondary-2-firefox-linux.png
diff --git a/...r-Verify-mouse-sorting-with-changing-size-when-use-secondary-2-webkit-linux.png b/...r-Verify-mouse-sorting-with-changing-size-when-use-secondary-2-webkit-linux.png
diff --git a/...styles-when-long-text-and-icons-in-header-when-use-primary-1-chromium-linux.png b/...styles-when-long-text-and-icons-in-header-when-use-primary-1-chromium-linux.png
diff --git a/...-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-linux.png b/...-styles-when-long-text-and-icons-in-header-when-use-primary-1-firefox-linux.png
diff --git a/...y-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-linux.png b/...y-styles-when-long-text-and-icons-in-header-when-use-primary-1-webkit-linux.png
diff --git a/...yles-when-long-text-and-icons-in-header-when-use-secondary-1-chromium-linux.png b/...yles-when-long-text-and-icons-in-header-when-use-secondary-1-chromium-linux.png
diff --git a/...tyles-when-long-text-and-icons-in-header-when-use-secondary-1-firefox-linux.png b/...tyles-when-long-text-and-icons-in-header-when-use-secondary-1-firefox-linux.png
diff --git a/...styles-when-long-text-and-icons-in-header-when-use-secondary-1-webkit-linux.png b/...styles-when-long-text-and-icons-in-header-when-use-secondary-1-webkit-linux.png
diff --git a/...er-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-1-chromium-linux.png b/...er-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-1-chromium-linux.png
diff --git a/...ser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-1-firefox-linux.png b/...ser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-1-firefox-linux.png
diff --git a/...wser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-1-webkit-linux.png b/...wser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-1-webkit-linux.png
diff --git a/...er-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-2-chromium-linux.png b/...er-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-2-chromium-linux.png
diff --git a/...ser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-2-firefox-linux.png b/...ser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-2-firefox-linux.png
diff --git a/...wser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-2-webkit-linux.png b/...wser-test.tsx-snapshots/-visual-Verify-merged-cells-on-Hover-2-webkit-linux.png
diff --git a/...ti-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-chromium-linux.png b/...ti-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-chromium-linux.png
diff --git a/...lti-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-firefox-linux.png b/...lti-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-firefox-linux.png
diff --git a/...ulti-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-webkit-linux.png b/...ulti-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-webkit-linux.png
diff --git a/...lti-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-chromium-linux.png b/...lti-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-chromium-linux.png
diff --git a/...ulti-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-firefox-linux.png b/...ulti-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-firefox-linux.png
diff --git a/...Multi-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-webkit-linux.png b/...Multi-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-webkit-linux.png
diff --git a/...ne-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-chromium-linux.png b/...ne-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-chromium-linux.png
diff --git a/...One-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-firefox-linux.png b/...One-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-firefox-linux.png
diff --git a/...-One-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-webkit-linux.png b/...-One-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-webkit-linux.png
diff --git a/...One-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-chromium-linux.png b/...One-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-chromium-linux.png
diff --git a/...-One-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-firefox-linux.png b/...-One-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-firefox-linux.png
diff --git a/...l-One-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-webkit-linux.png b/...l-One-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-webkit-linux.png
diff --git a/...ti-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-chromium-linux.png b/...ti-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-chromium-linux.png
diff --git a/...lti-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-firefox-linux.png b/...lti-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-firefox-linux.png
diff --git a/...ulti-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-webkit-linux.png b/...ulti-Level-with-Fixed-column-sticky-true-withScrollBar-false-1-webkit-linux.png
diff --git a/...lti-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-chromium-linux.png b/...lti-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-chromium-linux.png
diff --git a/...ulti-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-firefox-linux.png b/...ulti-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-firefox-linux.png
diff --git a/...Multi-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-webkit-linux.png b/...Multi-Level-with-Fixed-column-sticky-true-withScrollBar-true-1-webkit-linux.png
diff --git a/...ne-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-chromium-linux.png b/...ne-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-chromium-linux.png
diff --git a/...One-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-firefox-linux.png b/...One-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-firefox-linux.png
diff --git a/...-One-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-webkit-linux.png b/...-One-Level-scroll-sticky-true-withScrollBar-false-wMax-300px-1-webkit-linux.png
diff --git a/...One-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-chromium-linux.png b/...One-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-chromium-linux.png
diff --git a/...-One-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-firefox-linux.png b/...-One-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-firefox-linux.png
diff --git a/...l-One-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-webkit-linux.png b/...l-One-Level-scroll-sticky-true-withScrollBar-true-wMax-300px-1-webkit-linux.png
diff --git a/.../-visual-Verify-keyboard-when-sticky-header-with-top-props-1-chromium-linux.png b/.../-visual-Verify-keyboard-when-sticky-header-with-top-props-1-chromium-linux.png
diff --git a/...s/-visual-Verify-keyboard-when-sticky-header-with-top-props-1-firefox-linux.png b/...s/-visual-Verify-keyboard-when-sticky-header-with-top-props-1-firefox-linux.png
diff --git a/...ts/-visual-Verify-keyboard-when-sticky-header-with-top-props-1-webkit-linux.png b/...ts/-visual-Verify-keyboard-when-sticky-header-with-top-props-1-webkit-linux.png
diff --git a/...ble-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png b/...ble-car-02273-t-defaul-use-secondary-and-compact-undefined-1-chromium-linux.png
diff --git a/...able-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png b/...able-car-02273-t-defaul-use-secondary-and-compact-undefined-1-firefox-linux.png
diff --git a/...table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png b/...table-car-02273-t-defaul-use-secondary-and-compact-undefined-1-webkit-linux.png
diff --git a/...ble-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png b/...ble-car-07c78-riant-default-use-undefined-and-compact-true-1-chromium-linux.png
diff --git a/...able-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png b/...able-car-07c78-riant-default-use-undefined-and-compact-true-1-firefox-linux.png
diff --git a/...table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png b/...table-car-07c78-riant-default-use-undefined-and-compact-true-1-webkit-linux.png
diff --git a/...ble-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png b/...ble-car-45fa6--default-use-undefined-and-compact-undefined-1-chromium-linux.png
diff --git a/...able-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png b/...able-car-45fa6--default-use-undefined-and-compact-undefined-1-firefox-linux.png
diff --git a/...table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png b/...table-car-45fa6--default-use-undefined-and-compact-undefined-1-webkit-linux.png
diff --git a/...ble-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png b/...ble-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-chromium-linux.png
diff --git a/...able-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png b/...able-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-firefox-linux.png
diff --git a/...table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png b/...table-car-4b0ca-ant-card-use-undefined-and-compact-undefined-1-webkit-linux.png
diff --git a/...ble-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png b/...ble-car-69235--variant-card-use-undefined-and-compact-true-1-chromium-linux.png
diff --git a/...able-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png b/...able-car-69235--variant-card-use-undefined-and-compact-true-1-firefox-linux.png
diff --git a/...table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png b/...table-car-69235--variant-card-use-undefined-and-compact-true-1-webkit-linux.png
diff --git a/...ble-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png b/...ble-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-chromium-linux.png
diff --git a/...able-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png b/...able-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-firefox-linux.png
diff --git a/...table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png b/...table-car-f4f5e-ant-card-use-secondary-and-compact-undefined-1-webkit-linux.png
diff --git a/...-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-chromium-linux.png b/...-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-chromium-linux.png
diff --git a/...x-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-firefox-linux.png b/...x-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-firefox-linux.png
diff --git a/...sx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-webkit-linux.png b/...sx-snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-end-1-webkit-linux.png
diff --git a/...apshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-chromium-linux.png b/...apshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-chromium-linux.png
diff --git a/...napshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-firefox-linux.png b/...napshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-firefox-linux.png
diff --git a/...snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-webkit-linux.png b/...snapshots/-visual-Ellipsis-Ellipsis-with-cropPosition-middle-1-webkit-linux.png
diff --git a/...al-Limited-mode-Verify-limited-state-for-checkbox-in-table-1-chromium-linux.png b/...al-Limited-mode-Verify-limited-state-for-checkbox-in-table-1-chromium-linux.png
diff --git a/...ual-Limited-mode-Verify-limited-state-for-checkbox-in-table-1-firefox-linux.png b/...ual-Limited-mode-Verify-limited-state-for-checkbox-in-table-1-firefox-linux.png
diff --git a/...sual-Limited-mode-Verify-limited-state-for-checkbox-in-table-1-webkit-linux.png b/...sual-Limited-mode-Verify-limited-state-for-checkbox-in-table-1-webkit-linux.png
diff --git a/...e-for-table-with-accordion-keyboard-and-mouse-interactions-1-chromium-linux.png b/...e-for-table-with-accordion-keyboard-and-mouse-interactions-1-chromium-linux.png
diff --git a/...te-for-table-with-accordion-keyboard-and-mouse-interactions-1-firefox-linux.png b/...te-for-table-with-accordion-keyboard-and-mouse-interactions-1-firefox-linux.png
diff --git a/...ate-for-table-with-accordion-keyboard-and-mouse-interactions-1-webkit-linux.png b/...ate-for-table-with-accordion-keyboard-and-mouse-interactions-1-webkit-linux.png
diff --git a/...e-for-table-with-accordion-keyboard-and-mouse-interactions-2-chromium-linux.png b/...e-for-table-with-accordion-keyboard-and-mouse-interactions-2-chromium-linux.png
diff --git a/...te-for-table-with-accordion-keyboard-and-mouse-interactions-2-firefox-linux.png b/...te-for-table-with-accordion-keyboard-and-mouse-interactions-2-firefox-linux.png
diff --git a/...ate-for-table-with-accordion-keyboard-and-mouse-interactions-2-webkit-linux.png b/...ate-for-table-with-accordion-keyboard-and-mouse-interactions-2-webkit-linux.png
diff --git a/...e-for-table-with-accordion-keyboard-and-mouse-interactions-3-chromium-linux.png b/...e-for-table-with-accordion-keyboard-and-mouse-interactions-3-chromium-linux.png
diff --git a/...te-for-table-with-accordion-keyboard-and-mouse-interactions-3-firefox-linux.png b/...te-for-table-with-accordion-keyboard-and-mouse-interactions-3-firefox-linux.png
diff --git a/...ate-for-table-with-accordion-keyboard-and-mouse-interactions-3-webkit-linux.png b/...ate-for-table-with-accordion-keyboard-and-mouse-interactions-3-webkit-linux.png
diff --git a/...-snapshots/-visual-Loading-states-Verify-empty-table-state-1-chromium-linux.png b/...-snapshots/-visual-Loading-states-Verify-empty-table-state-1-chromium-linux.png
diff --git a/...x-snapshots/-visual-Loading-states-Verify-empty-table-state-1-firefox-linux.png b/...x-snapshots/-visual-Loading-states-Verify-empty-table-state-1-firefox-linux.png
diff --git a/...sx-snapshots/-visual-Loading-states-Verify-empty-table-state-1-webkit-linux.png b/...sx-snapshots/-visual-Loading-states-Verify-empty-table-state-1-webkit-linux.png
diff --git a/...-Loading-states-Verify-loading-state-in-with-sticky-header-1-chromium-linux.png b/...-Loading-states-Verify-loading-state-in-with-sticky-header-1-chromium-linux.png
diff --git a/...l-Loading-states-Verify-loading-state-in-with-sticky-header-1-firefox-linux.png b/...l-Loading-states-Verify-loading-state-in-with-sticky-header-1-firefox-linux.png
diff --git a/...al-Loading-states-Verify-loading-state-in-with-sticky-header-1-webkit-linux.png b/...al-Loading-states-Verify-loading-state-in-with-sticky-header-1-webkit-linux.png
diff --git a/...-Loading-states-Verify-loading-state-in-with-sticky-header-2-chromium-linux.png b/...-Loading-states-Verify-loading-state-in-with-sticky-header-2-chromium-linux.png
diff --git a/...l-Loading-states-Verify-loading-state-in-with-sticky-header-2-firefox-linux.png b/...l-Loading-states-Verify-loading-state-in-with-sticky-header-2-firefox-linux.png
diff --git a/...al-Loading-states-Verify-loading-state-in-with-sticky-header-2-webkit-linux.png b/...al-Loading-states-Verify-loading-state-in-with-sticky-header-2-webkit-linux.png
diff --git a/...shots/-visual-Loading-states-Verify-loading-state-of-table-1-chromium-linux.png b/...shots/-visual-Loading-states-Verify-loading-state-of-table-1-chromium-linux.png
diff --git a/...pshots/-visual-Loading-states-Verify-loading-state-of-table-1-firefox-linux.png b/...pshots/-visual-Loading-states-Verify-loading-state-of-table-1-firefox-linux.png
diff --git a/...apshots/-visual-Loading-states-Verify-loading-state-of-table-1-webkit-linux.png b/...apshots/-visual-Loading-states-Verify-loading-state-of-table-1-webkit-linux.png
diff --git a/...-snapshots/-visual-Loading-states-Verify-skeleton-in-table-1-chromium-linux.png b/...-snapshots/-visual-Loading-states-Verify-skeleton-in-table-1-chromium-linux.png
diff --git a/...x-snapshots/-visual-Loading-states-Verify-skeleton-in-table-1-firefox-linux.png b/...x-snapshots/-visual-Loading-states-Verify-skeleton-in-table-1-firefox-linux.png
diff --git a/...sx-snapshots/-visual-Loading-states-Verify-skeleton-in-table-1-webkit-linux.png b/...sx-snapshots/-visual-Loading-states-Verify-skeleton-in-table-1-webkit-linux.png
diff --git a/...-visual-SelectableRows-Verify-sideIndents-wide-and-compact-1-chromium-linux.png b/...-visual-SelectableRows-Verify-sideIndents-wide-and-compact-1-chromium-linux.png
diff --git a/.../-visual-SelectableRows-Verify-sideIndents-wide-and-compact-1-firefox-linux.png b/.../-visual-SelectableRows-Verify-sideIndents-wide-and-compact-1-firefox-linux.png
diff --git a/...s/-visual-SelectableRows-Verify-sideIndents-wide-and-compact-1-webkit-linux.png b/...s/-visual-SelectableRows-Verify-sideIndents-wide-and-compact-1-webkit-linux.png
diff --git a/...-visual-SelectableRows-Verify-sideIndents-wide-and-compact-2-chromium-linux.png b/...-visual-SelectableRows-Verify-sideIndents-wide-and-compact-2-chromium-linux.png
diff --git a/.../-visual-SelectableRows-Verify-sideIndents-wide-and-compact-2-firefox-linux.png b/.../-visual-SelectableRows-Verify-sideIndents-wide-and-compact-2-firefox-linux.png
diff --git a/...s/-visual-SelectableRows-Verify-sideIndents-wide-and-compact-2-webkit-linux.png b/...s/-visual-SelectableRows-Verify-sideIndents-wide-and-compact-2-webkit-linux.png
diff --git a/...y-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-chromium-linux.png b/...y-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-chromium-linux.png
diff --git a/...fy-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-firefox-linux.png b/...fy-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-firefox-linux.png
diff --git a/...ify-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-webkit-linux.png b/...ify-styles-when-checkbox-in-merged-cells-checked-by-keyboard-1-webkit-linux.png
diff --git a/...egacy-API-Verify-SelectableRows-row-highlight-on-selection-1-chromium-linux.png b/...egacy-API-Verify-SelectableRows-row-highlight-on-selection-1-chromium-linux.png
diff --git a/...-legacy-API-Verify-SelectableRows-row-highlight-on-selection-1-webkit-linux.png b/...-legacy-API-Verify-SelectableRows-row-highlight-on-selection-1-webkit-linux.png
diff --git a/...ectableRows-legacy-API-Verify-sideIndents-wide-and-compact-1-chromium-linux.png b/...ectableRows-legacy-API-Verify-sideIndents-wide-and-compact-1-chromium-linux.png
diff --git a/...lectableRows-legacy-API-Verify-sideIndents-wide-and-compact-1-firefox-linux.png b/...lectableRows-legacy-API-Verify-sideIndents-wide-and-compact-1-firefox-linux.png
diff --git a/...electableRows-legacy-API-Verify-sideIndents-wide-and-compact-1-webkit-linux.png b/...electableRows-legacy-API-Verify-sideIndents-wide-and-compact-1-webkit-linux.png
diff --git a/...ectableRows-legacy-API-Verify-sideIndents-wide-and-compact-2-chromium-linux.png b/...ectableRows-legacy-API-Verify-sideIndents-wide-and-compact-2-chromium-linux.png
diff --git a/...lectableRows-legacy-API-Verify-sideIndents-wide-and-compact-2-firefox-linux.png b/...lectableRows-legacy-API-Verify-sideIndents-wide-and-compact-2-firefox-linux.png
diff --git a/...electableRows-legacy-API-Verify-sideIndents-wide-and-compact-2-webkit-linux.png b/...electableRows-legacy-API-Verify-sideIndents-wide-and-compact-2-webkit-linux.png
diff --git a/....browser-test.tsx-snapshots/-visual-Verify-Keyboard-scroll-1-chromium-linux.png b/....browser-test.tsx-snapshots/-visual-Verify-Keyboard-scroll-1-chromium-linux.png
diff --git a/...l.browser-test.tsx-snapshots/-visual-Verify-Keyboard-scroll-1-firefox-linux.png b/...l.browser-test.tsx-snapshots/-visual-Verify-Keyboard-scroll-1-firefox-linux.png
diff --git a/...ll.browser-test.tsx-snapshots/-visual-Verify-Keyboard-scroll-1-webkit-linux.png b/...ll.browser-test.tsx-snapshots/-visual-Verify-Keyboard-scroll-1-webkit-linux.png
diff --git a/...oll.browser-test.tsx-snapshots/-visual-Verify-Mouse-scroll-1-chromium-linux.png b/...oll.browser-test.tsx-snapshots/-visual-Verify-Mouse-scroll-1-chromium-linux.png
diff --git a/...roll.browser-test.tsx-snapshots/-visual-Verify-Mouse-scroll-1-firefox-linux.png b/...roll.browser-test.tsx-snapshots/-visual-Verify-Mouse-scroll-1-firefox-linux.png
diff --git a/...croll.browser-test.tsx-snapshots/-visual-Verify-Mouse-scroll-1-webkit-linux.png b/...croll.browser-test.tsx-snapshots/-visual-Verify-Mouse-scroll-1-webkit-linux.png
diff --git a/...isual-Verify-Mouse-scroll-when-cells-have-different-height-1-chromium-linux.png b/...isual-Verify-Mouse-scroll-when-cells-have-different-height-1-chromium-linux.png
diff --git a/...visual-Verify-Mouse-scroll-when-cells-have-different-height-1-firefox-linux.png b/...visual-Verify-Mouse-scroll-when-cells-have-different-height-1-firefox-linux.png
diff --git a/...-visual-Verify-Mouse-scroll-when-cells-have-different-height-1-webkit-linux.png b/...-visual-Verify-Mouse-scroll-when-cells-have-different-height-1-webkit-linux.png
diff --git a/semcore/data-table/src/components/Body/Row.tsx b/semcore/data-table/src/components/Body/Row.tsx
@@ -533,7 +533,7 @@ export class RowRoot<Data extends DataTableData, UniqKeyType> extends Component<
                   row={row}
                   rowIndex={rowIndex}
                   gridRowIndex={gridRowIndex}
-                  expanded={expanded}
+                  expanded={expanded || expandedForAnimation}
                   isAccordionRow={isAccordionRow}
                   isCellHidden={isCellHidden}
                   withAccordion={withAccordion}
@@ -570,7 +570,7 @@ export class RowRoot<Data extends DataTableData, UniqKeyType> extends Component<
                 gridRowIndex={gridRowIndex}
                 columnIndex={index}
                 column={column}
-                expanded={expanded}
+                expanded={expanded || expandedForAnimation}
                 withAccordion={withAccordion}
                 accordionRowIndex={accordionRowIndex}
                 rows={rows}

diff --git a/semcore/data-table/src/components/Body/style.shadow.css b/semcore/data-table/src/components/Body/style.shadow.css
@@ -15,31 +15,31 @@ SAccordionRows {
 
 SBody[compact] {
   SCell {
-    padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px);
+    padding: var(--intergalactic-spacing-content-padding-medium, 12px) var(--intergalactic-spacing-content-padding-small, 8px);
   }
 
   SCell[data-aria-level] {
-    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+    padding-left: calc(var(--intergalactic-spacing-content-padding-small, 8px) + ((var(--intergalactic-spacing-content-padding-large, 16px) + var(--intergalactic-spacing-content-padding-xsmall, 4px) + var(--intergalactic-spacing-content-padding-xsmall, 4px)) * (var(--data-aria-level) - 1)));
   }
 
   SRow {
     SCellWrapper:first-child SCell[data-aria-level] {
-      padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+      padding-left: calc(var(--intergalactic-spacing-content-padding-small, 8px) + ((var(--intergalactic-spacing-content-padding-large, 16px) + var(--intergalactic-spacing-content-padding-xsmall, 4px) + var(--intergalactic-spacing-content-padding-xsmall, 4px)) * (var(--data-aria-level) - 1)));
     }
   }
   SRow[sideIndents='wide'] {
     SCellWrapper:first-child SCell[data-aria-level] {
-      padding-left: calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+      padding-left: calc(var(--intergalactic-spacing-content-padding-xlarge, 20px) + ((var(--intergalactic-spacing-content-padding-large, 16px) + var(--intergalactic-spacing-content-padding-xsmall, 4px) + var(--intergalactic-spacing-content-padding-xsmall, 4px)) * (var(--data-aria-level) - 1)));
     }
   }
   SCollapseRow[sideIndents='wide'] {
     SCellWrapper:first-child SCell[data-aria-level] {
-      padding-left: calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+      padding-left: calc(var(--intergalactic-spacing-content-padding-xlarge, 20px) + ((var(--intergalactic-spacing-content-padding-large, 16px) + var(--intergalactic-spacing-content-padding-xsmall, 4px) + var(--intergalactic-spacing-content-padding-xsmall, 4px)) * (var(--data-aria-level) - 1)));
     }
   }
 
   SCell SAccordionToggle {
-    margin-right: var(--intergalactic-spacing-2x, 8px);
+    margin-right: var(--intergalactic-spacing-content-gap-large, 8px);
   }
 }
 
@@ -50,6 +50,17 @@ SRow[gridArea], SCellWrapper[gridArea], SCollapseRow[gridArea] {
 SCellWrapper {
   height: 100%;
   overflow: hidden;
+  position: relative;
+
+  &:has(> SCell[withAccordion][expanded]):first-child::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 2px;
+    background-color: var(--intergalactic-brand-secondary, oklch(0.22 0.01 140));
+  }
 }
 
 SCollapseRow[gridArea] > SCellWrapper, SRow[isAccordionRow] > SCellWrapper {
@@ -59,7 +70,7 @@ SCollapseRow[gridArea] > SCellWrapper, SRow[isAccordionRow] > SCellWrapper {
 
 SCollapseRow[gridArea] > SCellWrapper > SCell:not([withoutBorder]),
 SAccordionRows > SRow[isAccordionRow]:last-child > SCellWrapper > SCell:not([withoutBorder]) {
-  border-bottom: 1px solid var(--intergalactic-border-table-accent, oklch(0.137 0.026 175.7 / 0.161)); /* TODO: --intergalactic-table-border-accent */
+  border-bottom: 1px solid var(--intergalactic-table-border-accent, oklch(0.137 0.026 175.7 / 0.161));
 }
 
 SCollapseRow > SCellWrapper > SCell {
@@ -153,6 +164,7 @@ SCell {
   font-size: var(--intergalactic-fs-200, 14px);
   line-height: var(--intergalactic-lh-200, 142%);
   color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
+  background-color: var(--intergalactic-table-td-cell, oklch(1 0 0));
   box-sizing: border-box;
   border-bottom: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
   white-space: pre-wrap;
@@ -163,8 +175,8 @@ SCell {
   overflow: hidden;
 
   SAccordionToggle {
-    margin-right: var(--intergalactic-spacing-3x, 12px);
-    margin-left: calc(var(--intergalactic-spacing-05x, 2px) * -1);
+    margin-right: var(--intergalactic-spacing-content-gap-xlarge, 12px);
+    margin-left: calc(var(--intergalactic-spacing-content-gap-xsmall, 2px) * -1);
     height: fit-content;
 
     svg {
@@ -181,22 +193,20 @@ SCell {
   }
 
   &[use='primary'] {
-    padding: var(--intergalactic-spacing-3x, 12px);
+    padding: var(--intergalactic-spacing-content-padding-medium, 12px);
     min-height: 45px;
-    background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
 
     &[data-aria-level] {
-      padding-left: calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+      padding-left: calc(var(--intergalactic-spacing-content-padding-medium, 12px) + ((var(--intergalactic-spacing-content-padding-xlarge, 20px) + var(--intergalactic-spacing-content-padding-xsmall, 4px) + var(--intergalactic-spacing-content-padding-xxsmall, 2px)) * (var(--data-aria-level) - 1)));
     }
   }
 
   &[use='secondary'] {
-    padding: var(--intergalactic-spacing-2x, 8px);
+    padding: var(--intergalactic-spacing-content-padding-small, 8px);
     min-height: 37px;
-    background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
 
     &[data-aria-level] {
-      padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+      padding-left: calc(var(--intergalactic-spacing-content-padding-small, 8px) + ((var(--intergalactic-spacing-content-padding-xlarge, 20px) + var(--intergalactic-spacing-content-padding-xsmall, 4px) + var(--intergalactic-spacing-content-padding-xxsmall, 2px)) * (var(--data-aria-level) - 1)));
     }
   }
 
@@ -296,15 +306,32 @@ SEmptyData {
 
 SRow[sideIndents='wide'], SCollapseRow[sideIndents='wide'] {
   SCellWrapper:first-child SCell {
-    padding-left: var(--intergalactic-spacing-5x, 20px);
+    padding-left: var(--intergalactic-spacing-content-padding-xlarge, 20px);
 
     &[data-aria-level] {
-      padding-left: calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px)) * (var(--data-aria-level) - 1)));
+      padding-left: calc(var(--intergalactic-spacing-content-padding-xlarge, 20px) + ((var(--intergalactic-spacing-content-padding-xlarge, 20px) + var(--intergalactic-spacing-content-padding-xsmall, 4px) + var(--intergalactic-spacing-content-padding-xxsmall, 2px)) * (var(--data-aria-level) - 1)));
     }
   }
 
   SCellWrapper:last-child SCell {
-    padding-right: var(--intergalactic-spacing-5x, 20px);
+    padding-right: var(--intergalactic-spacing-content-padding-xlarge, 20px);
+  }
+}
+
+SCollapseRow {
+  position: relative;
+}
+
+SRow[isAccordionRow] SCellWrapper:first-child,
+SCollapseRow {
+  &::after {
+    position: absolute;
+    content: '';
+    left: 0;
+    top: 0;
+    bottom: 0;
+    width: 2px;
+    background-color: var(--intergalactic-brand-secondary, oklch(0.22 0.01 140));
   }
 }
 

diff --git a/semcore/data-table/src/components/Head/Column.tsx b/semcore/data-table/src/components/Head/Column.tsx
@@ -333,7 +333,7 @@ export class Column<
             <SSortButton
               aria-label={ariaSortValue}
               size={100}
-              color='--intergalactic-icon-primary-neutral'
+              use='primary'
               onClick={this.handleSortClick}
             >
               <SSortButton.Addon tag={SSortIcon} />