From 2eecade4575d783f31bfb81e6a222b138ecdd3dd Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Mon, 13 Apr 2026 21:00:11 -1000
Subject: [PATCH] =?UTF-8?q?style:=20restyle=20inline=20edit=20action=20bar?=
 =?UTF-8?q?=20=E2=80=94=20default=20buttons,=20flipped=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Removed size=sm and h-7/px-3/text-xs overrides from Save/Cancel.
Hint text now left-aligned, buttons right-anchored via ml-auto.
---
 .../src/features/chat/ui/MessageBubble.tsx    | 34 +++++++++----------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/ui/goose2/src/features/chat/ui/MessageBubble.tsx b/ui/goose2/src/features/chat/ui/MessageBubble.tsx
index 2e04b67e89..0c0ee49b11 100644
--- a/ui/goose2/src/features/chat/ui/MessageBubble.tsx
+++ b/ui/goose2/src/features/chat/ui/MessageBubble.tsx
@@ -476,26 +476,24 @@ export const MessageBubble = memo(function MessageBubble({
               className="w-full resize-none rounded-lg border border-border bg-background px-3 py-2 text-[13px] leading-relaxed text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
             />
             <div className="mt-1.5 flex items-center gap-2">
-              <Button
-                size="sm"
-                variant="default"
-                onClick={handleEditSave}
-                disabled={!editText.trim()}
-                className="h-7 px-3 text-xs"
-              >
-                {t("common:actions.save")}
-              </Button>
-              <Button
-                size="sm"
-                variant="ghost"
-                onClick={onCancelEdit}
-                className="h-7 px-3 text-xs"
-              >
-                {t("common:actions.cancel")}
-              </Button>
-              <span className="ml-auto text-[11px] text-muted-foreground">
+              <span className="text-[11px] text-muted-foreground">
                 {t("chat:edit.hint")}
               </span>
+              <div className="ml-auto flex items-center gap-2">
+                <Button
+                  variant="ghost"
+                  onClick={onCancelEdit}
+                >
+                  {t("common:actions.cancel")}
+                </Button>
+                <Button
+                  variant="default"
+                  onClick={handleEditSave}
+                  disabled={!editText.trim()}
+                >
+                  {t("common:actions.save")}
+                </Button>
+              </div>
             </div>
           </div>
         ) : (