diff --git a/libs/ui/dialog/helm/src/lib/hlm-dialog-content.component.ts b/libs/ui/dialog/helm/src/lib/hlm-dialog-content.component.ts
index 395f08b54..7f7c2e786 100644
--- a/libs/ui/dialog/helm/src/lib/hlm-dialog-content.component.ts
+++ b/libs/ui/dialog/helm/src/lib/hlm-dialog-content.component.ts
@@ -26,7 +26,7 @@ import { HlmDialogCloseDirective } from './hlm-dialog-close.directive';
 
 		<button brnDialogClose hlm>
 			<span class="sr-only">Close</span>
-			<ng-icon hlm class="flex h-4 w-4" size="none" name="lucideX" />
+			<ng-icon hlm class="flex" size="sm" name="lucideX" />
 		</button>
 	`,
 	changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/libs/ui/icon/icon.stories.ts b/libs/ui/icon/icon.stories.ts
index 1e393ad4e..3d22bc6db 100644
--- a/libs/ui/icon/icon.stories.ts
+++ b/libs/ui/icon/icon.stories.ts
@@ -26,7 +26,6 @@ export const Default: Story = {
 		name: 'lucideCheck',
 		size: 'sm',
 		color: 'red',
-		userClass: '',
 		strokeWidth: 1,
 	},
 	argTypes: {
@@ -42,7 +41,6 @@ export const Default: Story = {
 
 export const Tailwind: Story = {
 	args: {
-		userClass: 'text-red-600 text-5xl',
 		name: 'lucideCheck',
 	},
 	argTypes: {
@@ -50,7 +48,7 @@ export const Tailwind: Story = {
 	},
 	render: ({ ...args }) => ({
 		props: args,
-		template: `<ng-icon hlm ${argsToTemplate(args)} />`,
+		template: `<ng-icon hlm ${argsToTemplate(args)} class="text-red-600 text-5xl" />`,
 	}),
 };