Increase button icon size to match text

spear-ai · Aug 23, 2024 · 43df9d1 · 43df9d1
1 parent ee93344
commit 43df9d1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/.changeset/tall-pumas-invent.md b/.changeset/tall-pumas-invent.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/ui": patch
+---
+
+Increased button icon size to match text.
diff --git a/packages/ui/src/components/button.tsx b/packages/ui/src/components/button.tsx
@@ -88,10 +88,7 @@ export const ButtonIcon = forwardRef<
   SVGAttributes<SVGElement> & { asChild?: boolean | undefined }
 >(({ asChild = false, className, ...properties }, reference) => {
   const Component = asChild ? Slot : "svg";
-  const mergedClassName = cx(
-    "size-3 group-data-[size='small']:size-2.5 group-data-[size='x-small']:size-2.5",
-    className,
-  );
+  const mergedClassName = cx("size-4 group-data-[size='x-small']:size-3.5", className);
   // @ts-expect-error the Slot component’s type definition doesn’t play nice with SVGs
   return <Component aria-hidden className={mergedClassName} ref={reference} {...properties} />;
 });