diff --git a/packages/cxl-ui/scss/cxl-app-layout/_layout.scss b/packages/cxl-ui/scss/cxl-app-layout/_layout.scss
index 40c5a3ab7..67c219d56 100644
--- a/packages/cxl-ui/scss/cxl-app-layout/_layout.scss
+++ b/packages/cxl-ui/scss/cxl-app-layout/_layout.scss
@@ -11,6 +11,8 @@ $toggle-icon: "lumo:angle-right";
  */
 :host {
   display: block;
+  /* Prevent any horizontal overflowing/scrolling within app-layout */
+  overflow: hidden;
 
   aside,
   main {