diff --git a/src/components/ButtonIcon/ButtonIcon.stories.js b/src/components/ButtonIcon/ButtonIcon.stories.js
index 28f84eaad..0c664b3a8 100644
--- a/src/components/ButtonIcon/ButtonIcon.stories.js
+++ b/src/components/ButtonIcon/ButtonIcon.stories.js
@@ -18,29 +18,6 @@ export const Default = {
 	},
 };
 
-export const EnlargedIcon = {
-	render: (args) => ({
-		components: {ButtonIcon},
-		setup() {
-			return {args};
-		},
-		template: `
-			enlarged icon: 
-			<div class="inline-flex gap-1">
-				<ButtonIcon icon="ChevronUp" :enlarged="true"/>
-				<ButtonIcon icon="ChevronDown" :enlarged="true" />
-			</div>
-			<br>
-			vs default size:
-			<div class="inline-flex gap-1">
-				<ButtonIcon icon="ChevronUp"/>
-				<ButtonIcon icon="ChevronDown" />
-			</div>
-			`,
-	}),
-	args: {},
-};
-
 export const Disabled = {
 	args: {
 		icon: 'Cancel',
diff --git a/src/components/ButtonIcon/ButtonIcon.vue b/src/components/ButtonIcon/ButtonIcon.vue
index 4564d43f8..ad1032ee8 100644
--- a/src/components/ButtonIcon/ButtonIcon.vue
+++ b/src/components/ButtonIcon/ButtonIcon.vue
@@ -1,10 +1,6 @@
 <template>
 	<button :class="styles" :aria-label="ariaLabel" :disabled="isDisabled">
-		<Icon
-			:class="enlarged ? 'h-9 w-9' : 'h-5 w-5'"
-			:icon="icon"
-			aria-hidden="true"
-		/>
+		<Icon class="h-5 w-5" :icon="icon" aria-hidden="true" />
 	</button>
 </template>
 
@@ -33,11 +29,6 @@ const props = defineProps({
 		type: Boolean,
 		default: false,
 	},
-	/** Displays the icon larger. */
-	enlarged: {
-		type: Boolean,
-		default: false,
-	},
 });
 
 const styles = computed(() => ({