From 7a58bc7ba99be996a961cf93f225cdfe9b9554d6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 3 Oct 2026 13:42:24 +0000
Subject: [PATCH] fix(profile): keep the fact editor's Save label visible

Small buttons in ui-web merge their text-ui-label size over the default
variant's text color, so the small Save button rendered ink on ink. The
editor now uses default-size controls, with the category select at the same
height.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MRtGG9ARfqqhma3t85Ro2u
---
 apps/web/src/components/UserFactEditor.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/UserFactEditor.tsx b/apps/web/src/components/UserFactEditor.tsx
index a7b7e9a..17306e1 100644
--- a/apps/web/src/components/UserFactEditor.tsx
+++ b/apps/web/src/components/UserFactEditor.tsx
@@ -64,7 +64,7 @@ export function UserFactEditor({
         />
         <div className="flex flex-wrap items-center gap-2">
           <NativeSelect
-            size="sm"
+            className="*:data-[slot=native-select]:h-control-md"
             aria-label={t`Category`}
             value={draft.category}
             onChange={(event) =>
@@ -80,7 +80,7 @@ export function UserFactEditor({
           {showSpaces ? (
             <DropdownMenu>
               <DropdownMenuTrigger
-                render={<Button type="button" variant="outline" size="sm" className="max-w-56" />}
+                render={<Button type="button" variant="outline" className="max-w-56" />}
               >
                 <span className="truncate">
                   {factSpaceNames(draft.spaceIds, spaces).join(", ") || allSpaces}
@@ -115,10 +115,10 @@ export function UserFactEditor({
             </DropdownMenu>
           ) : null}
           <div className="ms-auto flex items-center gap-1">
-            <Button type="button" variant="ghost" size="sm" disabled={busy} onClick={onCancel}>
+            <Button type="button" variant="ghost" disabled={busy} onClick={onCancel}>
               <Trans>Cancel</Trans>
             </Button>
-            <Button type="submit" size="sm" disabled={busy || !draft.value.trim()}>
+            <Button type="submit" disabled={busy || !draft.value.trim()}>
               <Trans>Save</Trans>
             </Button>
           </div>