From 192afca59b55cc47847ead3ce3b4ddce2cf0e0c6 Mon Sep 17 00:00:00 2001
From: Anna Effort <anna.effort@ibm.com>
Date: Fri, 11 Sep 2026 15:21:05 -0700
Subject: [PATCH] Size the Create team button by token

Create team on the Teams toolbar set h-7, px-4 and rounded-sm in its
className, which beat the size variant through tailwind-merge and left
it 28px tall, matching no defined size. It now takes size="sm" with no
overrides, so it is 32px and agrees with the search field beside it.

Its Plus gains data-icon="inline-start", which is what the size
variants' has-data-[icon=...] padding rules look for. Nothing outside
components/ui sets that attribute today, so no icon button in the app
currently gets the padding the primitive intends.

Signed-off-by: Anna Effort <anna.effort@ibm.com>
---
 src/pages/Teams.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/pages/Teams.tsx b/src/pages/Teams.tsx
index b949e4e7..ccb1cfb2 100644
--- a/src/pages/Teams.tsx
+++ b/src/pages/Teams.tsx
@@ -235,12 +235,8 @@ export function Teams() {
                           )}
                           placeholder={intl.formatMessage({ id: "common.search" })}
                         />
-                        <Button
-                          variant="default"
-                          className="h-7 rounded-sm px-4"
-                          onClick={() => setCreateFormOpen(true)}
-                        >
-                          <Plus className="h-4 w-4" />
+                        <Button variant="default" size="sm" onClick={() => setCreateFormOpen(true)}>
+                          <Plus className="h-4 w-4" data-icon="inline-start" />
                           {intl.formatMessage({ id: "teams.createTeam" })}
                         </Button>
                       </div>