diff --git a/apps/web/src/components/settings/LayoutSettings.tsx b/apps/web/src/components/settings/LayoutSettings.tsx
index ef004af224799..6816e3b68134f 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>
@@ -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);
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}>