diff --git a/src/button/Button.tsx b/src/button/Button.tsx
index 51fc0a1f..00d803f1 100644
--- a/src/button/Button.tsx
+++ b/src/button/Button.tsx
@@ -23,7 +23,7 @@ import styles from "./Button.module.css";
 
 interface MicButtonProps extends ComponentPropsWithoutRef<"button"> {
   muted: boolean;
-  size: "sm" | "lg";
+  size?: "sm" | "lg";
 }
 
 export const MicButton: FC<MicButtonProps> = ({ muted, ...props }) => {
@@ -48,7 +48,7 @@ export const MicButton: FC<MicButtonProps> = ({ muted, ...props }) => {
 
 interface VideoButtonProps extends ComponentPropsWithoutRef<"button"> {
   muted: boolean;
-  size: "sm" | "lg";
+  size?: "sm" | "lg";
 }
 
 export const VideoButton: FC<VideoButtonProps> = ({ muted, ...props }) => {
@@ -98,7 +98,7 @@ export const ShareScreenButton: FC<ShareScreenButtonProps> = ({
 };
 
 interface EndCallButtonProps extends ComponentPropsWithoutRef<"button"> {
-  size: "sm" | "lg";
+  size?: "sm" | "lg";
 }
 
 export const EndCallButton: FC<EndCallButtonProps> = ({
@@ -122,7 +122,7 @@ export const EndCallButton: FC<EndCallButtonProps> = ({
 };
 
 interface SettingsButtonProps extends ComponentPropsWithoutRef<"button"> {
-  size: "sm" | "lg";
+  size?: "sm" | "lg";
 }
 export const SettingsButton: FC<SettingsButtonProps> = (props) => {
   const { t } = useTranslation();
diff --git a/src/button/ReactionToggleButton.tsx b/src/button/ReactionToggleButton.tsx
index 3e8f647f..28163321 100644
--- a/src/button/ReactionToggleButton.tsx
+++ b/src/button/ReactionToggleButton.tsx
@@ -166,7 +166,7 @@ export function ReactionPopupMenu({
 interface ReactionToggleButtonProps extends ComponentPropsWithoutRef<"button"> {
   identifier: string;
   vm: CallViewModel;
-  size: "sm" | "lg";
+  size?: "sm" | "lg";
 }
 
 export function ReactionToggleButton({