diff --git a/components/Button/index.tsx b/components/Button/index.tsx
index 9cd509b6..e87e7ff7 100644
--- a/components/Button/index.tsx
+++ b/components/Button/index.tsx
@@ -12,7 +12,7 @@ interface Props
   active?: boolean
   blended?: boolean
   contained?: boolean
-  size: 'small' | 'medium' | 'large'
+  buttonSize?: 'small' | 'medium' | 'large'
   text?: string
 }
 
@@ -20,11 +20,11 @@ const defaultProps = {
   active: false,
   blended: false,
   contained: false,
-  size: 'medium' as const,
+  buttonSize: 'medium' as const,
 }
 
 const Button = React.forwardRef<HTMLButtonElement, Props>(function button(
-  { accessoryIcon, active, blended, contained, size, text, ...props },
+  { accessoryIcon, active, blended, contained, buttonSize, text, ...props },
   forwardedRef
 ) {
   const classes = classNames(
diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 56b00f1a..dbd13316 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -167,7 +167,7 @@ const GridRep = (props: Props) => {
             accessoryIcon={<SaveIcon class="stroke" />}
             active={props.favorited}
             contained={true}
-            size="small"
+            buttonSize="small"
             onClick={sendSaveData}
           />
         ) : (