From 08005d755b240dac3ec208aee504a76af7052de7 Mon Sep 17 00:00:00 2001
From: Mani Sundararajan <10191300+itsrainingmani@users.noreply.github.com>
Date: Mon, 19 Jan 2026 05:34:40 -0500
Subject: [PATCH] refactor(desktop): tweak share button to prevent layout shift
 (#9322)

---
 packages/app/src/components/session/session-header.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx
index 96ed762c4..7cded4bce 100644
--- a/packages/app/src/components/session/session-header.tsx
+++ b/packages/app/src/components/session/session-header.tsx
@@ -244,7 +244,11 @@ export function SessionHeader() {
                     }
                     trigger={
                       <Tooltip class="shrink-0" value="Share session">
-                        <Button variant="secondary" classList={{ "rounded-r-none": shareUrl() !== undefined }}>
+                        <Button
+                          variant="secondary"
+                          classList={{ "rounded-r-none": shareUrl() !== undefined }}
+                          style={{ scale: 1 }}
+                        >
                           Share
                         </Button>
                       </Tooltip>
@@ -293,12 +297,12 @@ export function SessionHeader() {
                       </Show>
                     </div>
                   </Popover>
-                  <Show when={shareUrl()}>
+                  <Show when={shareUrl()} fallback={<div class="size-6" aria-hidden="true" />}>
                     <Tooltip value={state.copied ? "Copied" : "Copy link"} placement="top" gutter={8}>
                       <IconButton
                         icon={state.copied ? "check" : "copy"}
                         variant="secondary"
-                        class="rounded-l-none border-l border-border-weak-base"
+                        class="rounded-l-none"
                         onClick={copyLink}
                         disabled={state.unshare}
                       />