Merge pull request #241 from element-hq/button-icon-size

Use the correct icon size on large icon buttons

Author: robintown

playwright/visual.test.ts-snapshots/Button-Actions-End-Call-1-chromium-linux.png

@@ -98,6 +98,8 @@ export const Button = forwardRef(function Button<
     [styles.destructive]: destructive,
   });
 
+  const iconSize = iconOnly && size === "lg" ? 24 : 20;
+
   return (
     <UnstyledButton
       {...props}
@@ -111,8 +113,8 @@ export const Button = forwardRef(function Button<
     >
       {Icon && (
         <Icon
-          width={20}
-          height={20}
+          width={iconSize}
+          height={iconSize}
           className={styles.icon}
           aria-hidden={true}
         />