From 5d8ded5026960eb976e78da74aa0d843287d7fa4 Mon Sep 17 00:00:00 2001
From: flamboh <oliver.boorstein@gmail.com>
Date: Thu, 5 Nov 2026 17:15:14 +0000
Subject: [PATCH 1/3] fix(web): preserve full section names in settings
 breadcrumbs

---
 apps/web/src/components/settings/SettingsScopePicker.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/settings/SettingsScopePicker.tsx b/apps/web/src/components/settings/SettingsScopePicker.tsx
index 0cdcc5d242e0b..77e6fc546c90b 100644
--- a/apps/web/src/components/settings/SettingsScopePicker.tsx
+++ b/apps/web/src/components/settings/SettingsScopePicker.tsx
@@ -196,13 +196,11 @@ function ScopePopover({
     >
       <PopoverTrigger
         aria-label={`Settings scope: ${triggerLabel}`}
-        render={<ContentButton variant="tab" className="-ms-2.5" />}
+        render={<ContentButton variant="breadcrumb" className="-ms-2.5" />}
       >
         {trigger}
         {projectLabel || environmentLabel ? (
-          <span className="min-w-0 max-w-48 truncate text-meta text-muted-foreground">
-            {triggerLabel}
-          </span>
+          <span className="min-w-0 truncate text-meta text-muted-foreground">{triggerLabel}</span>
         ) : null}
       </PopoverTrigger>
       <PopoverPopup align="start" alignOffset={48} padding="none" initialFocus={searchRef}>

From a463fd4c921e1a22ce481b2cc7cfd5a5c843a450 Mon Sep 17 00:00:00 2001
From: flamboh <oliver.boorstein@gmail.com>
Date: Thu, 5 Nov 2026 17:18:02 +0000
Subject: [PATCH 2/3] fix(web): match layout header actions to standard
 settings actions

---
 apps/web/src/components/settings/LayoutSettings.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/settings/LayoutSettings.tsx b/apps/web/src/components/settings/LayoutSettings.tsx
index ef004af224799..7eadc1fabec04 100644
--- a/apps/web/src/components/settings/LayoutSettings.tsx
+++ b/apps/web/src/components/settings/LayoutSettings.tsx
@@ -265,11 +265,11 @@ function YourLayoutHeader({
       </div>
       {/* Ghost buttons hang by their 8px inline inset so the last label ends on the card edge. */}
       <div className="-me-2 flex shrink-0 items-center gap-1">
-        <Button size="xs" variant="ghost-muted" disabled={!canUndo} onClick={onUndo}>
+        <Button size="standard" variant="ghost-muted" disabled={!canUndo} onClick={onUndo}>
           <Undo2Icon aria-hidden />
           Undo
         </Button>
-        <Button size="xs" variant="ghost-muted" disabled={!canReset} onClick={onReset}>
+        <Button size="standard" variant="ghost-muted" disabled={!canReset} onClick={onReset}>
           <RotateCcwIcon aria-hidden />
           Reset
         </Button>

From caab5e59eeeb80abc51e57e48316e31196a26ae8 Mon Sep 17 00:00:00 2001
From: flamboh <oliver.boorstein@gmail.com>
Date: Thu, 5 Nov 2026 17:52:28 +0000
Subject: [PATCH 3/3] fix(web): align layout and model-folder row controls

---
 apps/web/src/components/settings/LayoutSettings.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/settings/LayoutSettings.tsx b/apps/web/src/components/settings/LayoutSettings.tsx
index 7eadc1fabec04..6816e3b68134f 100644
--- a/apps/web/src/components/settings/LayoutSettings.tsx
+++ b/apps/web/src/components/settings/LayoutSettings.tsx
@@ -336,7 +336,7 @@ function PlacementRow<Value extends string>({
             if (option) onChange(option.value);
           }}
         >
-          <SelectTrigger size="sm" aria-label={title}>
+          <SelectTrigger variant="well" size="compact" aria-label={title}>
             <SelectValue>
               {(current: Value) => {
                 const option = byValue.get(current);