diff --git a/packages/ui-library/src/components/button-group/index.stories.ts b/packages/ui-library/src/components/button-group/index.stories.ts
index 8258b03eb..a1fc148f6 100644
--- a/packages/ui-library/src/components/button-group/index.stories.ts
+++ b/packages/ui-library/src/components/button-group/index.stories.ts
@@ -114,7 +114,7 @@ export const ButtonGroup = (
 };
 
 const defaultParams: BlrButtonGroupType = {
-  size: 'md',
+  sizeVariant: 'md',
   alignment: 'left',
 };
 
diff --git a/packages/ui-library/src/components/button-group/index.test.ts b/packages/ui-library/src/components/button-group/index.test.ts
index 696dc5ec4..dbb6ac868 100644
--- a/packages/ui-library/src/components/button-group/index.test.ts
+++ b/packages/ui-library/src/components/button-group/index.test.ts
@@ -6,7 +6,7 @@ import type { BlrButtonGroupType } from '.';
 import { BlrTextButtonRenderFunction } from '../text-button/renderFunction';
 
 const sampleParams: BlrButtonGroupType = {
-  size: 'md',
+  sizeVariant: 'md',
   alignment: 'left',
 };
 
diff --git a/packages/ui-library/src/components/button-group/index.ts b/packages/ui-library/src/components/button-group/index.ts
index b93c7d164..13a5f0012 100644
--- a/packages/ui-library/src/components/button-group/index.ts
+++ b/packages/ui-library/src/components/button-group/index.ts
@@ -9,14 +9,14 @@ import { TAG_NAME } from './renderFunction';
 export class BlrButtonGroup extends LitElement {
   static styles = [styleCustom];
 
-  @property() size: ButtonGroupSizesType = 'md';
+  @property() sizeVariant: ButtonGroupSizesType = 'md';
   @property() alignment: ButtonGroupAlignmentType = 'center';
 
   protected render() {
     const classes = classMap({
       'blr-button-group': true,
       [this.alignment]: this.alignment,
-      [this.size]: this.size,
+      [this.sizeVariant]: this.sizeVariant,
     });
 
     return html`