From 04777fa9eb0492a19ba3970a5d06484efa3df4d4 Mon Sep 17 00:00:00 2001
From: Jess Telford <jess.telford@shopify.com>
Date: Mon, 26 Feb 2024 18:04:29 +1100
Subject: [PATCH] Style sticky header the same as regular table header

---
 .../src/components/IndexTable/IndexTable.module.scss     | 9 ++++++---
 polaris-react/src/components/IndexTable/IndexTable.tsx   | 3 ---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/polaris-react/src/components/IndexTable/IndexTable.module.scss b/polaris-react/src/components/IndexTable/IndexTable.module.scss
index 809cbf0e6c0..4fd09b45449 100644
--- a/polaris-react/src/components/IndexTable/IndexTable.module.scss
+++ b/polaris-react/src/components/IndexTable/IndexTable.module.scss
@@ -97,7 +97,8 @@ $loading-panel-height: 53px;
   border-collapse: collapse;
 }
 
-.Table-scrolling {
+.Table-scrolling,
+.StickyTable-scrolling {
   // stylelint-disable-next-line selector-max-class, selector-max-combinators -- generated by polaris-migrator DO NOT COPY
   .TableCell-first,
   .TableCell-first + .TableCell,
@@ -119,7 +120,8 @@ $loading-panel-height: 53px;
     filter: drop-shadow(1px 0 0 var(--p-color-border-secondary));
   }
 
-  &.Table-sticky {
+  &.Table-sticky,
+  &.StickyTable {
     // stylelint-disable-next-line selector-max-class, selector-max-combinators, selector-max-specificity -- generated by polaris-migrator DO NOT COPY
     .TableCell-first + .TableCell,
     .TableHeading-second {
@@ -1243,7 +1245,8 @@ $loading-panel-height: 53px;
   }
 }
 
-.Table-sticky-scrolling {
+.Table-sticky-scrolling,
+.StickyTableHeader-sticky-scrolling {
   .TableCell:last-child,
   .TableHeading-last {
     @media (--p-breakpoints-sm-up) {
diff --git a/polaris-react/src/components/IndexTable/IndexTable.tsx b/polaris-react/src/components/IndexTable/IndexTable.tsx
index f7baedf333c..ae1d5ab7035 100644
--- a/polaris-react/src/components/IndexTable/IndexTable.tsx
+++ b/polaris-react/src/components/IndexTable/IndexTable.tsx
@@ -649,14 +649,11 @@ function IndexTableBase({
             canFitStickyColumn &&
               lastColumnSticky &&
               styles['StickyTableHeader-sticky-last'],
-            /*
-
             // ie; is scrolled to the left
             canFitStickyColumn &&
               lastColumnSticky &&
               canScrollRight &&
               styles['StickyTableHeader-sticky-scrolling'],
-            */
           );
 
           const bulkActionsClassName = classNames(