diff --git a/packages/design-system-react/src/components/button-icon/ButtonIcon.tsx b/packages/design-system-react/src/components/button-icon/ButtonIcon.tsx
index 9ebbfbfe..53b68632 100644
--- a/packages/design-system-react/src/components/button-icon/ButtonIcon.tsx
+++ b/packages/design-system-react/src/components/button-icon/ButtonIcon.tsx
@@ -37,11 +37,11 @@ export const ButtonIcon = React.forwardRef<HTMLButtonElement, ButtonIconProps>(
       isFloating && [
         'rounded-full',
         !isInverse && 'bg-icon-default text-background-default',
-        isInverse && 'text-icon-default bg-background-default',
+        isInverse && 'bg-icon-default text-background-default',
       ],
       // Non-floating styles
       !isFloating && [
-        'rounded bg-transparent',
+        'rounded bg-transparent ',
         // Only apply hover/active styles when interactive
         isInteractive && 'hover:bg-hover active:bg-pressed',
         !isInverse && 'text-icon-default',
diff --git a/packages/design-system-react/src/components/index.ts b/packages/design-system-react/src/components/index.ts
index a3fe0f6d..2a34218f 100644
--- a/packages/design-system-react/src/components/index.ts
+++ b/packages/design-system-react/src/components/index.ts
@@ -27,7 +27,7 @@ export type { ButtonSecondaryProps } from './button-secondary';
 export { ButtonTertiary, ButtonTertiarySize } from './button-tertiary';
 export type { ButtonTertiaryProps } from './button-tertiary';
 
-export { Button, ButtonVariant } from './button';
+export { Button, ButtonSize, ButtonVariant } from './button';
 export type { ButtonProps } from './button';
 
 export { TextButton } from './text-button';