From 9515016166f926968dacaefc69e2ea0af63942ae Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Tue, 22 Sep 2026 12:22:12 -0700
Subject: [PATCH] refactor(web): use icon-xs where icon buttons were forced to
 size-6 (#13025)

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
---
 apps/web/src/components/LegacySidebar.tsx                | 2 +-
 apps/web/src/components/RightPanelTabs.tsx               | 2 +-
 apps/web/src/components/Sidebar.tsx                      | 2 +-
 apps/web/src/components/chat/MessagesTimeline.tsx        | 6 ++----
 apps/web/src/components/clerk/ClerkUserProfilePage.tsx   | 2 +-
 .../src/components/clerk/T3ConnectUserProfilePage.tsx    | 9 +--------
 .../components/pullRequest/PullRequestDetailPanel.tsx    | 1 -
 scripts/lint-restyle-ceiling.ts                          | 2 +-
 8 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/apps/web/src/components/LegacySidebar.tsx b/apps/web/src/components/LegacySidebar.tsx
index 7a13f01a4742c11391b5bb5a81593a3eb5ee2bd4..b4b686a0c11d8f83a7a5d6d680e1e4cf778a9b06 100644
--- a/apps/web/src/components/LegacySidebar.tsx
+++ b/apps/web/src/components/LegacySidebar.tsx
@@ -3040,7 +3040,7 @@ const SidebarProjectsContent = memo(function SidebarProjectsContent(
                     variant="ghost-muted"
                     aria-label="Add project"
                     data-testid="sidebar-add-project-trigger"
-                    className="size-6 [--control-icon-color:currentColor] text-icon-muted"
+                    className="[--control-icon-color:currentColor] text-icon-muted"
                     onClick={openAddProject}
                   />
                 }
diff --git a/apps/web/src/components/RightPanelTabs.tsx b/apps/web/src/components/RightPanelTabs.tsx
index 7fffbf10407977c836a7e81be97f38dfc48ef763..23cea9c28835baca32cd651bdd8c1592f31bad3d 100644
--- a/apps/web/src/components/RightPanelTabs.tsx
+++ b/apps/web/src/components/RightPanelTabs.tsx
@@ -1260,7 +1260,7 @@ export function RightPanelTabs(props: RightPanelTabsProps) {
                   render={
                     <Button
                       aria-label="Add panel surface"
-                      className="size-6 shrink-0"
+                      className="shrink-0"
                       size="icon-xs"
                       variant="ghost-muted"
                     />
diff --git a/apps/web/src/components/Sidebar.tsx b/apps/web/src/components/Sidebar.tsx
index 2f067ac3ce2a59656521032045e2ab7e81ecf03e..022024eadcc8d583c39ddd4bb8aa76983789d442 100644
--- a/apps/web/src/components/Sidebar.tsx
+++ b/apps/web/src/components/Sidebar.tsx
@@ -4517,7 +4517,7 @@ export default function Sidebar() {
                                 tabIndex={-1}
                                 aria-hidden="true"
                                 title={`Project settings for ${project.displayName}`}
-                                className="ml-auto size-6 [--control-icon-color:currentColor] text-icon-muted focus-visible:bg-accent focus-visible:text-foreground"
+                                className="ml-auto [--control-icon-color:currentColor] text-icon-muted focus-visible:bg-accent focus-visible:text-foreground"
                                 onPointerDown={(event) => event.stopPropagation()}
                                 onClick={(event) => {
                                   void handleProjectSettings(event, project);
diff --git a/apps/web/src/components/chat/MessagesTimeline.tsx b/apps/web/src/components/chat/MessagesTimeline.tsx
index 4570e07ceb16c9e4cf27e395be6c936697ccf854..6c312ee439c0833e959ed581755b3c203e5ff53b 100644
--- a/apps/web/src/components/chat/MessagesTimeline.tsx
+++ b/apps/web/src/components/chat/MessagesTimeline.tsx
@@ -1814,9 +1814,8 @@ function QueuedMessageTimelineRow({
                 render={
                   <Button
                     type="button"
-                    size="icon-micro"
+                    size="icon-xs"
                     variant="ghost-muted"
-                    className="size-6"
                     onPointerDown={(event) => event.preventDefault()}
                     onClick={() => ctx.onSteerQueuedMessage(queuedMessage.id)}
                     aria-label="Send now"
@@ -1837,9 +1836,8 @@ function QueuedMessageTimelineRow({
                 render={
                   <Button
                     type="button"
-                    size="icon-micro"
+                    size="icon-xs"
                     variant="ghost-muted"
-                    className="size-6"
                     onPointerDown={(event) => event.preventDefault()}
                     onClick={() => ctx.onRemoveQueuedMessage(queuedMessage.id)}
                     aria-label="Cancel and return to the composer"
diff --git a/apps/web/src/components/clerk/ClerkUserProfilePage.tsx b/apps/web/src/components/clerk/ClerkUserProfilePage.tsx
index 4b70f800882385844fe9f434f7de0a481aeefba4..4a1c9ccf99c13300c445eac5881c99b9a8563d87 100644
--- a/apps/web/src/components/clerk/ClerkUserProfilePage.tsx
+++ b/apps/web/src/components/clerk/ClerkUserProfilePage.tsx
@@ -52,7 +52,7 @@ export function ClerkUserProfileRefreshButton({
     <Button
       size="sm"
       variant="outline"
-      className={cn("text-[0.8125rem]", className)}
+      className={className}
       disabled={disabled || isPending}
       onClick={onClick}
     >
diff --git a/apps/web/src/components/clerk/T3ConnectUserProfilePage.tsx b/apps/web/src/components/clerk/T3ConnectUserProfilePage.tsx
index 15ed569052be8e6e65884fe3661dd83a14113865..a6451cd14bc9f6bd4aa743fccf30ea27f8d89129 100644
--- a/apps/web/src/components/clerk/T3ConnectUserProfilePage.tsx
+++ b/apps/web/src/components/clerk/T3ConnectUserProfilePage.tsx
@@ -60,12 +60,7 @@ export function T3ConnectEnvironmentRow(props: {
           </div>
           <CollapsibleTrigger
             render={
-              <Button
-                size="sm"
-                variant="destructive-outline"
-                className="text-[0.8125rem]"
-                disabled={props.mutationPending}
-              >
+              <Button size="sm" variant="destructive-outline" disabled={props.mutationPending}>
                 Deregister
               </Button>
             }
@@ -93,7 +88,6 @@ export function T3ConnectEnvironmentRow(props: {
                 <Button
                   size="sm"
                   variant="ghost"
-                  className="text-[0.8125rem]"
                   disabled={props.mutationPending}
                   onClick={() => props.onConfirmationChange(false)}
                 >
@@ -102,7 +96,6 @@ export function T3ConnectEnvironmentRow(props: {
                 <Button
                   size="sm"
                   variant="destructive"
-                  className="text-[0.8125rem]"
                   disabled={props.mutationPending}
                   onClick={() => props.onDeregister(environment)}
                 >
diff --git a/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx b/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx
index fb36fcd087522b5251c8d119d419534ed30eb81c..eca025f4db08a1a20aaa754db6ab7244a687e550 100644
--- a/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx
+++ b/apps/web/src/components/pullRequest/PullRequestDetailPanel.tsx
@@ -2000,7 +2000,6 @@ export function PullRequestDetailPanel({
                             aria-label={
                               refreshing ? "Refreshing pull request" : "More pull request actions"
                             }
-                            className="size-6"
                             size="icon-xs"
                             variant="ghost-muted"
                           />
diff --git a/scripts/lint-restyle-ceiling.ts b/scripts/lint-restyle-ceiling.ts
index 65177192cbd0f08925a1b025db9964645c489710..00fb610635dded40764189bfdc51a148836d8c3a 100644
--- a/scripts/lint-restyle-ceiling.ts
+++ b/scripts/lint-restyle-ceiling.ts
@@ -8,7 +8,7 @@ import * as NodeURL from "node:url";
 // components/ui exports are migrated to variants (see vite.config.ts). This gate keeps the
 // count from growing: CI fails when findings exceed the ceiling. Lower the ceiling when you
 // migrate a file, and delete this script when the rule becomes an error.
-export const RESTYLE_CEILING = 1074;
+export const RESTYLE_CEILING = 1070;
 
 const RULE = "shadcn(no-restyle)";
 
-- 
2.54.0