From db34b7163bfa46f3521c5a0ffd0252ae796b2959 Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Fri, 31 Jul 2026 05:16:41 +0200
Subject: [PATCH] fix(client): pin the bash copy button while the command
 scrolls

The button lived inside the scroll container with sticky/float
positioning, so horizontal scrolling dragged it through the command
text. It now sits absolutely in a non-scrolling wrapper around the
scroller and stays in the corner on both axes.
---
 .../Chat/Messages/Content/Parts/BashCall.tsx   | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx b/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx
index 9db77c2396..ae21f6de32 100644
--- a/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx
+++ b/client/src/components/Chat/Messages/Content/Parts/BashCall.tsx
@@ -135,20 +135,22 @@ export default function BashCall({
             )}
           >
             {command && (
-              <div className="relative max-h-[300px] overflow-auto bg-surface-tertiary dark:bg-gray-950">
+              <div className="relative bg-surface-tertiary dark:bg-gray-950">
                 <CopyButton
                   iconOnly
                   isCopied={isCopied}
                   onClick={handleCopy}
-                  className="sticky right-0 top-1 float-right mr-1.5 mt-1"
+                  className="absolute right-1.5 top-1"
                   label={localize('com_ui_copy_code')}
                 />
-                <pre className="whitespace-pre-wrap break-words px-3 py-2.5 pr-10 font-mono text-xs">
-                  <span className="select-none text-text-tertiary" aria-hidden="true">
-                    {'$ '}
-                  </span>
-                  <code className="hljs language-bash">{highlighted ?? command}</code>
-                </pre>
+                <div className="max-h-[300px] overflow-auto">
+                  <pre className="whitespace-pre-wrap break-words px-3 py-2.5 pr-10 font-mono text-xs">
+                    <span className="select-none text-text-tertiary" aria-hidden="true">
+                      {'$ '}
+                    </span>
+                    <code className="hljs language-bash">{highlighted ?? command}</code>
+                  </pre>
+                </div>
               </div>
             )}
             {hasOutput && backgroundHandle == null && (