diff --git a/src/button/Button.tsx b/src/button/Button.tsx
index 4bb0058d..51fc0a1f 100644
--- a/src/button/Button.tsx
+++ b/src/button/Button.tsx
@@ -121,9 +121,10 @@ export const EndCallButton: FC<EndCallButtonProps> = ({
   );
 };
 
-export const SettingsButton: FC<ComponentPropsWithoutRef<"button">> = (
-  props,
-) => {
+interface SettingsButtonProps extends ComponentPropsWithoutRef<"button"> {
+  size: "sm" | "lg";
+}
+export const SettingsButton: FC<SettingsButtonProps> = (props) => {
   const { t } = useTranslation();
 
   return (
diff --git a/src/button/ReactionToggleButton.tsx b/src/button/ReactionToggleButton.tsx
index 0c722baf..3e8f647f 100644
--- a/src/button/ReactionToggleButton.tsx
+++ b/src/button/ReactionToggleButton.tsx
@@ -166,6 +166,7 @@ export function ReactionPopupMenu({
 interface ReactionToggleButtonProps extends ComponentPropsWithoutRef<"button"> {
   identifier: string;
   vm: CallViewModel;
+  size: "sm" | "lg";
 }
 
 export function ReactionToggleButton({