From 2a66b7f546ed4fff750762af50817fe7ac96049b Mon Sep 17 00:00:00 2001
From: laileni <laileni@amazon.com>
Date: Sat, 30 May 2026 01:51:34 +0000
Subject: [PATCH 1/2] fix: enable horizontal scrollbar in code blocks

Code blocks with long lines were impossible to scroll horizontally
because two CSS rules conspired to hide the scrollbar:

1. The global webkit-scrollbar:horizontal rule set width/height to 0px,
   making the scrollbar invisible even though `pre` had `overflow-x: auto`.
2. The `pre` element inside a flex-column parent could expand beyond the
   parent's constraint without `min-width: 0`, preventing internal scroll.

Fix: give `pre` the classic flex-child overflow fix (`min-width: 0`) and
restore horizontal scrollbar visibility with a 4px track height.
---
 src/styles/components/_main-container.scss     | 3 +--
 src/styles/components/_syntax-highlighter.scss | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/_main-container.scss b/src/styles/components/_main-container.scss
index 0e488396b..1f42584fc 100644
--- a/src/styles/components/_main-container.scss
+++ b/src/styles/components/_main-container.scss
@@ -55,8 +55,7 @@ body.mynah-ui-root {
         height: 2px;
         opacity: 0.25;
         &:horizontal {
-            width: 0px;
-            height: 0px;
+            height: 4px;
         }
     }
 
diff --git a/src/styles/components/_syntax-highlighter.scss b/src/styles/components/_syntax-highlighter.scss
index 876149f82..cda5cba99 100644
--- a/src/styles/components/_syntax-highlighter.scss
+++ b/src/styles/components/_syntax-highlighter.scss
@@ -126,6 +126,7 @@
         padding: var(--mynah-sizing-2);
         position: relative;
         margin: 0;
+        min-width: 0;
         overflow-x: auto;
         overflow-y: scroll;
         box-sizing: border-box;

From cf8555615125d4f6699559de095013fa5264da28 Mon Sep 17 00:00:00 2001
From: laileni <laileni@amazon.com>
Date: Sat, 30 May 2026 01:52:06 +0000
Subject: [PATCH 2/2] chore: fix strict-boolean-expressions lint error in
 ui-tests

Pre-existing lint violation that blocked the pre-push hook.
---
 ui-tests/__test__/flows/quick-action-commands-header.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui-tests/__test__/flows/quick-action-commands-header.ts b/ui-tests/__test__/flows/quick-action-commands-header.ts
index c90e28b6f..ae6907d9d 100644
--- a/ui-tests/__test__/flows/quick-action-commands-header.ts
+++ b/ui-tests/__test__/flows/quick-action-commands-header.ts
@@ -140,7 +140,7 @@ export const verifyQuickActionCommandsHeaderStatusVariations = async (page: Page
     const hasStatus = await headerElement.evaluate((el, className) =>
       el.classList.contains(className), statusClass
     );
-    if (hasStatus) {
+    if (hasStatus === true) {
       foundStatusClass = true;
       console.log(`Found status class: ${statusClass}`);
       break;