From 2e6bafbbbe323fe5404b0d71000978e53ef369a1 Mon Sep 17 00:00:00 2001
From: Scott O'Brien <scottob@amazon.com>
Date: Tue, 6 Feb 2024 13:32:08 -0500
Subject: [PATCH] Fix build issues.

---
 src/table/body-cell/styles.scss |  4 ++--
 src/table/resizer/styles.scss   | 27 ++++++++++++++-------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/table/body-cell/styles.scss b/src/table/body-cell/styles.scss
index b819b62f3d..11b729f2b6 100644
--- a/src/table/body-cell/styles.scss
+++ b/src/table/body-cell/styles.scss
@@ -327,11 +327,11 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
         }
 
         & > .body-cell-editor {
-          padding-right: calc(#{$edit-button-padding-right} - (2 * #{awsui.$border-divider-list-width}));
+          padding-inline-end: calc(#{$edit-button-padding-right} - (2 * #{awsui.$border-divider-list-width}));
         }
         & > .body-cell-success {
           // Update padding to avoid a jumping icon because of the additional borders added when hovering an editable cell.
-          padding-right: calc(#{$success-icon-padding-right} - (2 * #{awsui.$border-divider-list-width}));
+          padding-inline-end: calc(#{$success-icon-padding-right} - (2 * #{awsui.$border-divider-list-width}));
         }
         &.body-cell-last-row.body-cell-selected,
         &.body-cell-next-selected {
diff --git a/src/table/resizer/styles.scss b/src/table/resizer/styles.scss
index e1f4f02ede..bf4ac6db22 100644
--- a/src/table/resizer/styles.scss
+++ b/src/table/resizer/styles.scss
@@ -26,15 +26,16 @@ th:not(:last-child) > .divider {
   top: 0;
   min-height: awsui.$line-height-heading-xs;
   max-height: calc(100% - #{$gap});
-  margin: auto;
-  border-left: awsui.$border-item-width solid awsui.$color-border-divider-interactive-default;
+  margin-block: auto;
+  margin-inline: auto;
+  border-inline-start: awsui.$border-item-width solid awsui.$color-border-divider-interactive-default;
   box-sizing: border-box;
 
   &-disabled {
-    border-left-color: awsui.$color-border-divider-default;
+    border-inline-start-color: awsui.$color-border-divider-default;
   }
   &-active {
-    border-left: $active-separator-width solid awsui.$color-border-divider-active;
+    border-inline-start: $active-separator-width solid awsui.$color-border-divider-active;
   }
 }
 
@@ -42,12 +43,12 @@ th:not(:last-child) > .divider {
   @include styles.styles-reset;
   border: none;
   background: none;
-  bottom: 0;
+  inset-block-end: 0;
   cursor: col-resize;
   position: absolute;
-  right: calc(-1 * #{$handle-width} / 2);
-  top: 0;
-  width: $handle-width;
+  inset-inline-end: calc(-1 * #{$handle-width} / 2);
+  inset-block-start: 0;
+  inline-size: $handle-width;
   z-index: 10;
   &:focus {
     outline: none;
@@ -59,7 +60,7 @@ th:not(:last-child) > .divider {
   }
   th:last-child > & {
     width: calc(#{$handle-width} / 2);
-    right: 0;
+    inset-inline-end: 0;
   }
   &:hover + .divider {
     border-left: $active-separator-width solid awsui.$color-border-divider-active;
@@ -74,10 +75,10 @@ th:not(:last-child) > .divider {
 .tracker {
   display: none;
   position: absolute;
-  border-left: awsui.$border-divider-list-width dashed awsui.$color-border-divider-active;
-  width: 0;
-  top: 0;
-  bottom: 0;
+  border-inline-start: awsui.$border-divider-list-width dashed awsui.$color-border-divider-active;
+  inline-size: 0;
+  inset-block-start: 0;
+  inset-block-end: 0;
   //stylelint-disable-next-line selector-combinator-disallowed-list
   .resize-active & {
     display: block;