diff --git a/src/components/button-group/button-group.tsx b/src/components/button-group/button-group.tsx
index db983eb7..66e28e46 100644
--- a/src/components/button-group/button-group.tsx
+++ b/src/components/button-group/button-group.tsx
@@ -14,7 +14,7 @@ const Button = ({ children, type, isActive, ...props }: ButtonProps) => {
             // eslint-disable-next-line react/button-has-type
             type={type}
             className={classNames(
-                "relative -ml-px inline-flex bg-neutral-0 px-4 py-2 text-xs text-neutral-700  ring-1 ring-inset ring-neutral-400 hover:bg-neutral-100 hover:text-neutral-800 focus:z-10 focus:outline focus:outline-2 focus:outline-offset-0 focus:outline-primary-200 active:bg-neutral-200 disabled:bg-neutral-0 disabled:text-neutral-500",
+                "relative -ml-px inline-flex bg-neutral-0 px-4 py-2 font-medium text-neutral-700  ring-1 ring-inset ring-neutral-400 hover:bg-neutral-100 hover:text-neutral-800 focus:z-10 focus:outline focus:outline-2 focus:outline-offset-0 focus:outline-primary-200 active:bg-neutral-200 disabled:bg-neutral-0 disabled:text-neutral-500",
                 isActive &&
                     "bg-primary-50 text-primary-500 hover:bg-primary-50 hover:text-primary-500 active:bg-primary-50 disabled:bg-neutral-100 disabled:text-neutral-500"
             )}