diff --git a/.stylelintrc b/.stylelintrc
index bbfe71f2f5..c47b630ef4 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -4,7 +4,7 @@
     "stylelint-prettier/recommended"
   ],
   "rules": {
-    "property-disallowed-list": ["margin", "border", "padding"],
+    "property-disallowed-list": ["margin", "border", "padding", "overflow", "overflow-x", "overflow-y"],
     "csstools/use-logical": "always",
     "custom-property-pattern": "^(?!.+)",
     "scss/comment-no-empty": null,
diff --git a/pages/button-dropdown/styles.scss b/pages/button-dropdown/styles.scss
index c6825da322..08b4b17312 100644
--- a/pages/button-dropdown/styles.scss
+++ b/pages/button-dropdown/styles.scss
@@ -22,7 +22,8 @@
 
   &.scroll,
   &.auto {
-    overflow: scroll;
+    overflow-block: scroll;
+    overflow-inline: scroll;
     > .inner-container {
       position: relative;
       inset-inline-start: 300px;
@@ -37,7 +38,8 @@
   }
 
   &.hidden {
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
     > .inner-container {
       position: relative;
       inset-inline-start: 50px;
@@ -67,7 +69,8 @@
   border-inline: red 1px solid;
   inline-size: 600px;
   block-size: 600px;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
 }
 
 .positioning-container {
diff --git a/pages/dropdown/fixed-container.scss b/pages/dropdown/fixed-container.scss
index 062d805a25..41ad4ebef3 100644
--- a/pages/dropdown/fixed-container.scss
+++ b/pages/dropdown/fixed-container.scss
@@ -6,7 +6,7 @@
 @use '~design-tokens' as awsui;
 
 .bodyScrollOverride {
-  overflow-y: scroll;
+  overflow-block: scroll;
   block-size: 100%;
 }
 
diff --git a/pages/dropdown/styles.scss b/pages/dropdown/styles.scss
index 7727656fb1..63e1bf85ac 100644
--- a/pages/dropdown/styles.scss
+++ b/pages/dropdown/styles.scss
@@ -4,7 +4,8 @@
 */
 
 .list-container {
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -17,7 +18,8 @@
   block-size: 200px;
   border-block: 1px solid cornflowerblue;
   border-inline: 1px solid cornflowerblue;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   display: inline-block;
 
   &-wide {
@@ -25,11 +27,12 @@
   }
 
   &-overflow-visible {
-    overflow: auto;
+    overflow-block: auto;
+    overflow-inline: auto;
   }
 
   &-overflow-y-visible {
-    overflow-y: auto;
+    overflow-block: auto;
   }
 }
 
@@ -44,7 +47,7 @@
   margin-block: 0;
   margin-inline: 0;
   list-style: none;
-  overflow-y: auto;
+  overflow-block: auto;
 }
 
 .wide-container {
diff --git a/pages/radio-group/styles.scss b/pages/radio-group/styles.scss
index 77289c76a6..65dcf848f2 100644
--- a/pages/radio-group/styles.scss
+++ b/pages/radio-group/styles.scss
@@ -4,7 +4,8 @@
 */
 
 .scrollableContainer {
-  overflow: scroll;
+  overflow-block: scroll;
+  overflow-inline: scroll;
   block-size: 70px;
 }
 
diff --git a/pages/table-fragments/styles.scss b/pages/table-fragments/styles.scss
index 4ea00fd3e5..10e2e794a5 100644
--- a/pages/table-fragments/styles.scss
+++ b/pages/table-fragments/styles.scss
@@ -7,7 +7,7 @@
 
 .custom-table {
   box-sizing: border-box;
-  overflow-x: auto;
+  overflow-inline: auto;
   inline-size: 100%;
 
   &.use-wrapper-paddings {
@@ -34,7 +34,8 @@
     padding-block: 8px;
     padding-inline: 16px;
 
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 
diff --git a/pages/token-group/styles.scss b/pages/token-group/styles.scss
index bd446b1ba4..71e1a6bca2 100644
--- a/pages/token-group/styles.scss
+++ b/pages/token-group/styles.scss
@@ -14,11 +14,13 @@
 
 .file-option-metadata {
   inline-size: 100%;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
 }
 
 .file-option-name-label {
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
 }
diff --git a/pages/wizard/styles.scss b/pages/wizard/styles.scss
index 340ce98e43..a69c14993f 100644
--- a/pages/wizard/styles.scss
+++ b/pages/wizard/styles.scss
@@ -12,7 +12,8 @@
   display: inline-block;
   inline-size: 100%;
   block-size: 200px;
-  overflow: scroll;
+  overflow-block: scroll;
+  overflow-inline: scroll;
 }
 
 .content-item {
diff --git a/src/annotation-context/annotation/arrow.scss b/src/annotation-context/annotation/arrow.scss
index a464361316..662281c98d 100644
--- a/src/annotation-context/annotation/arrow.scss
+++ b/src/annotation-context/annotation/arrow.scss
@@ -32,7 +32,8 @@
   &-outer,
   &-inner {
     position: absolute;
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
     inline-size: $arrow-width;
     block-size: $arrow-height;
 
diff --git a/src/annotation-context/annotation/styles.scss b/src/annotation-context/annotation/styles.scss
index c6ee334967..76d163d68a 100644
--- a/src/annotation-context/annotation/styles.scss
+++ b/src/annotation-context/annotation/styles.scss
@@ -21,7 +21,8 @@
 }
 
 .description {
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   margin-block-start: awsui.$space-xxs;
 }
 
diff --git a/src/app-layout/drawer/styles.scss b/src/app-layout/drawer/styles.scss
index 36901ccf7c..fb298f4ab4 100644
--- a/src/app-layout/drawer/styles.scss
+++ b/src/app-layout/drawer/styles.scss
@@ -39,7 +39,8 @@ $drawer-z-index-mobile: 1001;
 }
 .drawer-content {
   position: fixed;
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
   background-color: awsui.$color-background-layout-panel-content;
   .drawer-mobile > & {
     z-index: $drawer-z-index-mobile;
diff --git a/src/app-layout/mobile-toolbar/styles.scss b/src/app-layout/mobile-toolbar/styles.scss
index 7b21b3f56d..d01cc2fcca 100644
--- a/src/app-layout/mobile-toolbar/styles.scss
+++ b/src/app-layout/mobile-toolbar/styles.scss
@@ -8,7 +8,8 @@
 @use '../constants' as constants;
 
 .block-body-scroll {
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
 }
 
 .mobile-bar {
diff --git a/src/app-layout/styles.scss b/src/app-layout/styles.scss
index b382e7c79e..27c49e57e1 100644
--- a/src/app-layout/styles.scss
+++ b/src/app-layout/styles.scss
@@ -52,7 +52,8 @@
   background-color: awsui.$color-background-layout-main;
 
   &-no-scroll {
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
   }
 }
 
@@ -62,7 +63,8 @@
   background-color: awsui.$color-background-layout-main;
   position: relative;
   &-scrollable {
-    overflow: auto;
+    overflow-block: auto;
+    overflow-inline: auto;
   }
 }
 
diff --git a/src/app-layout/visual-refresh/drawers.scss b/src/app-layout/visual-refresh/drawers.scss
index 3a18c389e6..7801824d0c 100644
--- a/src/app-layout/visual-refresh/drawers.scss
+++ b/src/app-layout/visual-refresh/drawers.scss
@@ -55,8 +55,8 @@
   background-color: transparent;
   box-sizing: border-box;
   block-size: 100%;
-  overflow-y: hidden;
-  overflow-x: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
 
@@ -119,8 +119,8 @@
   flex-shrink: 0;
 
   block-size: 100%;
-  overflow-y: hidden;
-  overflow-x: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
   pointer-events: auto;
@@ -133,7 +133,7 @@
     display: grid;
     grid-template-columns: awsui.$space-m 1fr auto awsui.$space-m;
     grid-template-rows: awsui.$size-vertical-panel-icon-offset auto 1fr;
-    overflow-y: auto;
+    overflow-block: auto;
 
     > .drawer-close-button {
       grid-column: 3;
diff --git a/src/app-layout/visual-refresh/layout.scss b/src/app-layout/visual-refresh/layout.scss
index f304dd90d9..3abb6e941d 100644
--- a/src/app-layout/visual-refresh/layout.scss
+++ b/src/app-layout/visual-refresh/layout.scss
@@ -299,7 +299,7 @@ notifications top margin and some additional vertical space for aesthetics.
   #{custom-props.$mainTemplateRows}: 1fr auto;
   #{custom-props.$offsetTop}: 0px;
   block-size: var(#{custom-props.$contentHeight});
-  overflow-y: scroll;
+  overflow-block: scroll;
 
   &.has-split-panel.split-panel-position-bottom {
     #{custom-props.$mainTemplateRows}: repeat(2, auto);
@@ -322,7 +322,8 @@ This CSS class is applied to the document body to prevent overflow scrolling
 when the navigation or tools drawers are open in responsive viewports.
 */
 .block-body-scroll {
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
 }
 
 // Prevent content that is visually hidden behind drawers and content area in mobile view from receiving focus
diff --git a/src/app-layout/visual-refresh/navigation.scss b/src/app-layout/visual-refresh/navigation.scss
index 0049d9df2d..69c07310f8 100644
--- a/src/app-layout/visual-refresh/navigation.scss
+++ b/src/app-layout/visual-refresh/navigation.scss
@@ -91,8 +91,8 @@ nav.navigation {
   box-shadow: awsui.$shadow-panel;
   inset-block-end: 0;
   block-size: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow-inline: hidden;
+  overflow-block: auto;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
   position: relative;
diff --git a/src/app-layout/visual-refresh/split-panel.scss b/src/app-layout/visual-refresh/split-panel.scss
index 6f4515ae5e..7c19d46214 100644
--- a/src/app-layout/visual-refresh/split-panel.scss
+++ b/src/app-layout/visual-refresh/split-panel.scss
@@ -24,7 +24,7 @@ section.split-panel-bottom {
   grid-column: 1 / 6;
   grid-row: 10;
   block-size: auto;
-  overflow-y: hidden;
+  overflow-block: hidden;
 
   /*
   The position sticky will work in conjunction with the align self: end; property.
@@ -94,7 +94,7 @@ section.split-panel-bottom {
 
 section.split-panel-side {
   block-size: 100%;
-  overflow-x: hidden;
+  overflow-inline: hidden;
   pointer-events: auto;
 
   &:not(.is-split-panel-open),
diff --git a/src/app-layout/visual-refresh/tools.scss b/src/app-layout/visual-refresh/tools.scss
index 4049d9b72b..e1bcfee63b 100644
--- a/src/app-layout/visual-refresh/tools.scss
+++ b/src/app-layout/visual-refresh/tools.scss
@@ -64,8 +64,8 @@ viewport size and state of the Tools drawer.
   box-shadow: awsui.$shadow-panel;
   flex-shrink: 0;
   block-size: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
+  overflow-block: auto;
+  overflow-inline: hidden;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
   pointer-events: auto;
diff --git a/src/breadcrumb-group/item/styles.scss b/src/breadcrumb-group/item/styles.scss
index 914bee6400..0fa4a439ef 100644
--- a/src/breadcrumb-group/item/styles.scss
+++ b/src/breadcrumb-group/item/styles.scss
@@ -42,9 +42,11 @@
 }
 .compressed {
   min-inline-size: 0;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   > .text {
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
diff --git a/src/button-dropdown/category-elements/styles.scss b/src/button-dropdown/category-elements/styles.scss
index c1cd64056f..1344f7d44d 100644
--- a/src/button-dropdown/category-elements/styles.scss
+++ b/src/button-dropdown/category-elements/styles.scss
@@ -127,5 +127,5 @@
   margin-block-start: -1px;
   margin-block-end: 0;
   margin-inline: 0;
-  overflow-y: auto;
+  overflow-block: auto;
 }
diff --git a/src/calendar/styles.scss b/src/calendar/styles.scss
index 88ec56fc8f..e78efc3ce9 100644
--- a/src/calendar/styles.scss
+++ b/src/calendar/styles.scss
@@ -19,7 +19,8 @@
   display: block;
   // IE11 does not calculate the height correctly when in nested flex containers (@see https://github.com/philipwalton/flexbugs#flexbug-3)
   inline-size: awsui.$size-calendar-grid-width;
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
 
   &-inner {
     margin-block: awsui.$space-xs;
diff --git a/src/cards/styles.scss b/src/cards/styles.scss
index 4e9f2770a7..5e8fd87f74 100644
--- a/src/cards/styles.scss
+++ b/src/cards/styles.scss
@@ -59,7 +59,8 @@
 
 .loading,
 .empty {
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   text-align: center;
   color: awsui.$color-text-empty;
   margin-block-end: awsui.$space-scaled-l;
diff --git a/src/code-editor/pane.scss b/src/code-editor/pane.scss
index e8620dcbc1..b623c081d0 100644
--- a/src/code-editor/pane.scss
+++ b/src/code-editor/pane.scss
@@ -46,7 +46,8 @@
 
   &__list {
     flex: 1;
-    overflow: auto;
+    overflow-block: auto;
+    overflow-inline: auto;
     max-block-size: 100%;
     box-sizing: border-box;
     margin-inline-end: calc(#{awsui.$line-height-body-m} + 2 * #{awsui.$space-xs});
diff --git a/src/code-editor/styles.scss b/src/code-editor/styles.scss
index 07487f2a32..8705100a57 100644
--- a/src/code-editor/styles.scss
+++ b/src/code-editor/styles.scss
@@ -26,7 +26,8 @@
   &:focus {
     @include styles.focus-highlight(3px);
     position: absolute;
-    overflow: visible;
+    overflow-block: visible;
+    overflow-inline: visible;
   }
 }
 
diff --git a/src/collection-preferences/visible-content.scss b/src/collection-preferences/visible-content.scss
index 0508075b6d..c239868aa0 100644
--- a/src/collection-preferences/visible-content.scss
+++ b/src/collection-preferences/visible-content.scss
@@ -43,7 +43,8 @@ $border: awsui.$border-divider-list-width solid awsui.$color-border-divider-defa
 }
 
 .visible-content-option-label {
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   text-overflow: ellipsis;
   padding-inline-end: awsui.$space-l;
   flex-grow: 1;
diff --git a/src/container/styles.scss b/src/container/styles.scss
index 56fa863e06..b2627b407e 100644
--- a/src/container/styles.scss
+++ b/src/container/styles.scss
@@ -80,12 +80,14 @@
   inline-size: 100%;
   &-fit-height {
     block-size: 100%;
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
   }
 }
 
 .media {
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   flex-shrink: 0;
 
   // stylelint-disable-next-line @cloudscape-design/no-implicit-descendant, selector-max-type
@@ -222,7 +224,8 @@ the default white background of the container component.
 .content {
   flex: 1;
   &-fit-height {
-    overflow: auto;
+    overflow-block: auto;
+    overflow-inline: auto;
   }
   &.with-paddings {
     padding-block: awsui.$space-scaled-l;
diff --git a/src/date-picker/styles.scss b/src/date-picker/styles.scss
index b0c158ee03..3f49b011ec 100644
--- a/src/date-picker/styles.scss
+++ b/src/date-picker/styles.scss
@@ -17,7 +17,8 @@
 }
 
 .calendar {
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
 
   &:focus {
     outline: none;
diff --git a/src/date-range-picker/styles.scss b/src/date-range-picker/styles.scss
index 2bbd42c5ff..70a6718da7 100644
--- a/src/date-range-picker/styles.scss
+++ b/src/date-range-picker/styles.scss
@@ -154,7 +154,8 @@ $calendar-header-color: awsui.$color-text-body-default;
   // There needs to be an outer container because we set a fixed width on the
   // actual dropdown and calendar grid, so the scrollbar would mess up the
   // widths.
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
 
   border-block-start: 1px solid #{awsui.$color-border-container-top};
   border-block-end: 1px solid #{awsui.$color-border-container-top};
diff --git a/src/internal/components/autosuggest-input/styles.scss b/src/internal/components/autosuggest-input/styles.scss
index 6e105b1aa2..7b2a16e84b 100644
--- a/src/internal/components/autosuggest-input/styles.scss
+++ b/src/internal/components/autosuggest-input/styles.scss
@@ -9,7 +9,8 @@
 
 .dropdown-footer {
   // Fixes incorrect flex height calculation in IE11.
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   flex-shrink: 0;
 }
 
diff --git a/src/internal/components/cartesian-chart/styles.scss b/src/internal/components/cartesian-chart/styles.scss
index 6d9077920d..ab22dfd6d3 100644
--- a/src/internal/components/cartesian-chart/styles.scss
+++ b/src/internal/components/cartesian-chart/styles.scss
@@ -83,7 +83,8 @@
   position: relative;
   display: block;
   inline-size: 100%;
-  overflow: visible;
+  overflow-block: visible;
+  overflow-inline: visible;
 }
 
 .vertical-marker {
diff --git a/src/internal/components/chart-plot/styles.scss b/src/internal/components/chart-plot/styles.scss
index f2e7a8b4f2..af918af75f 100644
--- a/src/internal/components/chart-plot/styles.scss
+++ b/src/internal/components/chart-plot/styles.scss
@@ -9,7 +9,8 @@
 .root {
   outline: none;
   shape-rendering: auto;
-  overflow: visible;
+  overflow-block: visible;
+  overflow-inline: visible;
 
   // These attributes are needed to ensure that the chart does not grow indefinitely
   // when placed in a parent container without a width constraint.
diff --git a/src/internal/components/chart-wrapper/styles.scss b/src/internal/components/chart-wrapper/styles.scss
index 1dea30ad81..2151c17f0a 100644
--- a/src/internal/components/chart-wrapper/styles.scss
+++ b/src/internal/components/chart-wrapper/styles.scss
@@ -13,7 +13,7 @@
 
   &--fit-height {
     block-size: 100%;
-    overflow-y: auto;
+    overflow-block: auto;
   }
 }
 
diff --git a/src/internal/components/dropdown/styles.scss b/src/internal/components/dropdown/styles.scss
index 6d4bc25935..4148b84beb 100644
--- a/src/internal/components/dropdown/styles.scss
+++ b/src/internal/components/dropdown/styles.scss
@@ -101,7 +101,8 @@
     &.nowrap {
       white-space: nowrap;
       // Taking into account width of scroll element
-      overflow: scroll;
+      overflow-block: scroll;
+      overflow-inline: scroll;
     }
   }
 }
diff --git a/src/internal/components/options-list/styles.scss b/src/internal/components/options-list/styles.scss
index 37843dd813..ffd1c940ac 100644
--- a/src/internal/components/options-list/styles.scss
+++ b/src/internal/components/options-list/styles.scss
@@ -16,7 +16,7 @@
   border-inline: none;
   @include styles.styles-reset;
   white-space: inherit;
-  overflow-y: auto;
+  overflow-block: auto;
   flex: 1 1 auto;
   min-block-size: 0;
   border-radius: awsui.$border-radius-dropdown;
diff --git a/src/internal/styles/utils/mixins.scss b/src/internal/styles/utils/mixins.scss
index ea79bb9e5f..a476cc2a28 100644
--- a/src/internal/styles/utils/mixins.scss
+++ b/src/internal/styles/utils/mixins.scss
@@ -25,7 +25,8 @@
 @mixin text-flex-wrapping {
   word-wrap: break-word;
   max-inline-size: 100%;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
 }
 
 @mixin code-highlight {
@@ -40,7 +41,8 @@
 
 @mixin text-overflow-ellipsis {
   white-space: nowrap;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   text-overflow: ellipsis;
 }
 
diff --git a/src/modal/styles.scss b/src/modal/styles.scss
index c61aceeb56..732ad772ea 100644
--- a/src/modal/styles.scss
+++ b/src/modal/styles.scss
@@ -22,7 +22,8 @@ $modal-z-index: 5000;
   z-index: $modal-z-index;
 
   outline: 0;
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
 
   cursor: pointer;
 
@@ -136,7 +137,8 @@ $modal-z-index: 5000;
 
 // Added to `document.body` to disable body scroll
 .modal-open {
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
 
   /*
    * When padding-right is added to account for scrollbar being turned
diff --git a/src/popover/arrow.scss b/src/popover/arrow.scss
index 29345e9b80..fda71cf9a7 100644
--- a/src/popover/arrow.scss
+++ b/src/popover/arrow.scss
@@ -32,7 +32,8 @@
   &-outer,
   &-inner {
     position: absolute;
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
     inline-size: $arrow-width;
     block-size: $arrow-height;
 
diff --git a/src/popover/body.scss b/src/popover/body.scss
index 9fd255ecd1..244128cb83 100644
--- a/src/popover/body.scss
+++ b/src/popover/body.scss
@@ -14,7 +14,8 @@
   padding-inline: awsui.$space-m;
 
   &-overflow-visible {
-    overflow: visible;
+    overflow-block: visible;
+    overflow-inline: visible;
   }
 }
 
@@ -58,6 +59,7 @@
   flex: 1 1 auto;
   min-inline-size: 0;
   &-overflow-visible {
-    overflow: visible;
+    overflow-block: visible;
+    overflow-inline: visible;
   }
 }
diff --git a/src/property-filter/styles.scss b/src/property-filter/styles.scss
index be1e36c9cf..73be5896a6 100644
--- a/src/property-filter/styles.scss
+++ b/src/property-filter/styles.scss
@@ -78,7 +78,7 @@
 .property-editor {
   padding-block: awsui.$space-m;
   padding-inline: awsui.$space-m;
-  overflow-y: auto;
+  overflow-block: auto;
 }
 
 .custom-content-wrapper {
diff --git a/src/segmented-control/segment.scss b/src/segmented-control/segment.scss
index b263223b90..da4f0f8a7a 100644
--- a/src/segmented-control/segment.scss
+++ b/src/segmented-control/segment.scss
@@ -45,7 +45,8 @@ $selected-color: awsui.$color-text-segment-active;
   border-inline-end-width: 0;
   background: $default-background;
   color: $default-color;
-  overflow: visible;
+  overflow-block: visible;
+  overflow-inline: visible;
   &:focus {
     outline: none;
   }
diff --git a/src/select/parts/styles.scss b/src/select/parts/styles.scss
index 01c216fa59..c9bd130b04 100644
--- a/src/select/parts/styles.scss
+++ b/src/select/parts/styles.scss
@@ -72,7 +72,7 @@ $checkbox-size: awsui.$size-control;
   align-items: center;
   gap: awsui.$space-xxs;
   inline-size: 100%;
-  overflow-x: hidden;
+  overflow-inline: hidden;
 
   // Fade out any overflow tokens
   mask-image: linear-gradient(270deg, transparent, white 20px, white);
diff --git a/src/spinner/styles.scss b/src/spinner/styles.scss
index 797a144159..119cf96dae 100644
--- a/src/spinner/styles.scss
+++ b/src/spinner/styles.scss
@@ -68,7 +68,8 @@
   display: inline-block;
   inline-size: 50%;
   block-size: 100%;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   @include awsui-spinner-circle;
   &:after {
     /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
diff --git a/src/split-panel/styles.scss b/src/split-panel/styles.scss
index 53f10c6591..62d67be6a4 100644
--- a/src/split-panel/styles.scss
+++ b/src/split-panel/styles.scss
@@ -45,7 +45,8 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
   display: flex;
   align-items: center;
   block-size: 100%;
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
   .drawer-closed > & {
     inline-size: constants.$sidebar-size-closed;
     &:hover {
@@ -65,7 +66,7 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
 
 .drawer-content-bottom {
   :not(.drawer-closed) > & {
-    overflow-y: auto;
+    overflow-block: auto;
     position: absolute;
     inset: 0;
   }
@@ -73,7 +74,7 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
 
 .position-bottom {
   position: fixed;
-  overflow-y: auto;
+  overflow-block: auto;
   border-inline-start: awsui.$border-divider-section-width solid awsui.$color-border-divider-panel-bottom;
   border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-divider-panel-bottom;
   border-block-start: awsui.$border-panel-top-width solid awsui.$color-border-divider-panel-bottom;
@@ -83,7 +84,8 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
     box-shadow: awsui.$shadow-split-bottom;
   }
   &.drawer-closed {
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
   }
   &.drawer-closed:hover {
     background: awsui.$color-background-layout-panel-hover;
@@ -247,7 +249,7 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
-  overflow-y: auto;
+  overflow-block: auto;
   position: absolute;
   inset-block-start: 0;
   inset-inline: 0;
diff --git a/src/status-indicator/styles.scss b/src/status-indicator/styles.scss
index 84cf311453..56d554dc09 100644
--- a/src/status-indicator/styles.scss
+++ b/src/status-indicator/styles.scss
@@ -65,7 +65,8 @@ $_color-overrides: (
 
 .overflow-ellipsis {
   max-inline-size: 100%;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: text-bottom;
diff --git a/src/table/body-cell/styles.scss b/src/table/body-cell/styles.scss
index 4fa14033df..fa59fbe8a9 100644
--- a/src/table/body-cell/styles.scss
+++ b/src/table/body-cell/styles.scss
@@ -36,7 +36,8 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
   font-weight: inherit;
   &:not(.body-cell-wrap) {
     white-space: nowrap;
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
     text-overflow: ellipsis;
   }
   &:first-child {
@@ -263,7 +264,8 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
     }
 
     &.body-cell-edit-active {
-      overflow: visible;
+      overflow-block: visible;
+      overflow-inline: visible;
       &.sticky-cell {
         position: sticky;
       }
diff --git a/src/table/header-cell/styles.scss b/src/table/header-cell/styles.scss
index c797f37ae8..0e6d314f79 100644
--- a/src/table/header-cell/styles.scss
+++ b/src/table/header-cell/styles.scss
@@ -141,7 +141,8 @@
 
   &:not(.header-cell-text-wrap) {
     white-space: nowrap;
-    overflow: hidden;
+    overflow-block: hidden;
+    overflow-inline: hidden;
     text-overflow: ellipsis;
   }
 }
diff --git a/src/table/sticky-scrollbar/styles.scss b/src/table/sticky-scrollbar/styles.scss
index 3a661ade9f..b8d89ebbca 100644
--- a/src/table/sticky-scrollbar/styles.scss
+++ b/src/table/sticky-scrollbar/styles.scss
@@ -9,8 +9,8 @@
   block-size: 15px;
   position: sticky;
   display: none;
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow-inline: auto;
+  overflow-block: hidden;
   inset-block-end: 0;
   inline-size: 100%;
 
diff --git a/src/table/styles.scss b/src/table/styles.scss
index da99590918..189ef36be9 100644
--- a/src/table/styles.scss
+++ b/src/table/styles.scss
@@ -65,7 +65,7 @@
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
-  overflow-x: auto;
+  overflow-inline: auto;
 
   scrollbar-width: none; /* Hide scrollbar in Firefox */
   &.variant-stacked,
@@ -157,7 +157,8 @@ the default white background of the container component.
 }
 
 .header-secondary {
-  overflow: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
diff --git a/src/tabs/tab-header-bar.scss b/src/tabs/tab-header-bar.scss
index 2e264746a8..84572ae84b 100644
--- a/src/tabs/tab-header-bar.scss
+++ b/src/tabs/tab-header-bar.scss
@@ -25,8 +25,8 @@ $label-horizontal-spacing: awsui.$space-l;
   padding-block: 0;
   padding-inline: 0;
   display: flex;
-  overflow-x: scroll;
-  overflow-y: hidden;
+  overflow-inline: scroll;
+  overflow-block: hidden;
   position: relative;
   inline-size: 100%;
   // do not use pointer-events none because it disables scroll by sliding
diff --git a/src/top-navigation/1.0-beta/styles.scss b/src/top-navigation/1.0-beta/styles.scss
index dbe2c82c43..c420c67a8c 100644
--- a/src/top-navigation/1.0-beta/styles.scss
+++ b/src/top-navigation/1.0-beta/styles.scss
@@ -90,7 +90,8 @@
   @include styles.font-heading-m;
   margin-inline-start: awsui.$space-s;
   white-space: nowrap;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   text-overflow: ellipsis;
 
   .no-logo > .identity-link > & {
diff --git a/src/top-navigation/styles.scss b/src/top-navigation/styles.scss
index 3781e60ee0..092fc66cf0 100644
--- a/src/top-navigation/styles.scss
+++ b/src/top-navigation/styles.scss
@@ -98,7 +98,8 @@
 .title {
   @include styles.font-heading-m;
   white-space: nowrap;
-  overflow: hidden;
+  overflow-block: hidden;
+  overflow-inline: hidden;
   text-overflow: ellipsis;
 
   .no-logo > .identity-link > & {