From a1046ec85b83b2b219bb0eb4877fe130865baf17 Mon Sep 17 00:00:00 2001
From: Gethin Webster <gethinw@amazon.de>
Date: Fri, 11 Aug 2023 13:41:31 +0200
Subject: [PATCH] fix: Break words in split panel header (#1437)

---
 pages/app-layout/with-split-panel.page.tsx | 2 +-
 src/split-panel/styles.scss                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/app-layout/with-split-panel.page.tsx b/pages/app-layout/with-split-panel.page.tsx
index 7167688c90..ea0e6e7818 100644
--- a/pages/app-layout/with-split-panel.page.tsx
+++ b/pages/app-layout/with-split-panel.page.tsx
@@ -77,7 +77,7 @@ export default function () {
         splitPanel={
           splitPanelEnabled && (
             <SplitPanel
-              header="Split panel header"
+              header="Split panel header withlongwordthatshouldbesplitinsteadofmakingthepanelscroll"
               i18nStrings={{
                 preferencesTitle: 'Preferences',
                 preferencesPositionLabel: 'Split panel position',
diff --git a/src/split-panel/styles.scss b/src/split-panel/styles.scss
index adf9b232e9..c43d94b03a 100644
--- a/src/split-panel/styles.scss
+++ b/src/split-panel/styles.scss
@@ -31,7 +31,7 @@ $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{aw
 .drawer {
   flex-shrink: 0;
   position: relative;
-  word-wrap: break-word;
+  @include styles.text-wrapping;
   background-color: awsui.$color-background-layout-panel-content;
   // should be above tools and navigation panels to avoid their shadows
   z-index: 840;