fix: Use border radius design token for column headers in sticky header table (#2565)

Author: abdhalees

pages/table/permutations.page.tsx

@@ -314,6 +314,19 @@ const permutations = createPermutations<TableProps>([
     items: [createSimpleItems(3)],
     variant: [undefined, 'full-page'],
   },
+  {
+    columnDefinitions: [PROPERTY_COLUMNS],
+    items: [
+      [
+        {
+          name: 'Color',
+          value: '#000000',
+          type: 'String',
+        },
+      ],
+    ],
+    stickyHeader: [true],
+  },
 ]);
 /* eslint-enable react/jsx-key */
 

src/table/styles.scss

@@ -164,6 +164,11 @@ filter search icon.
     & > .table {
       padding-inline: awsui.$space-table-horizontal;
     }
+
+    &:not(.table-has-header) {
+      border-start-start-radius: awsui.$border-radius-container;
+      border-start-end-radius: awsui.$border-radius-container;
+    }
   }
   &::-webkit-scrollbar {
     display: none; /* Safari and Chrome */