diff --git a/libs/ui/sheet/helm/src/lib/hlm-sheet-close.directive.ts b/libs/ui/sheet/helm/src/lib/hlm-sheet-close.directive.ts
index 7c0a34688..1bb369d13 100644
--- a/libs/ui/sheet/helm/src/lib/hlm-sheet-close.directive.ts
+++ b/libs/ui/sheet/helm/src/lib/hlm-sheet-close.directive.ts
@@ -13,7 +13,7 @@ export class HlmSheetCloseDirective {
 	public readonly userClass = input<ClassValue>('', { alias: 'class' });
 	protected _computedClass = computed(() =>
 		hlm(
-			'absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',
+			'absolute flex h-4 w-4 right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',
 			this.userClass(),
 		),
 	);
diff --git a/libs/ui/sheet/helm/src/lib/hlm-sheet-content.component.ts b/libs/ui/sheet/helm/src/lib/hlm-sheet-content.component.ts
index e9ceca665..e00a77a84 100644
--- a/libs/ui/sheet/helm/src/lib/hlm-sheet-content.component.ts
+++ b/libs/ui/sheet/helm/src/lib/hlm-sheet-content.component.ts
@@ -40,7 +40,7 @@ export const sheetVariants = cva(
 		<ng-content />
 		<button brnSheetClose hlm>
 			<span class="sr-only">Close</span>
-			<ng-icon hlm class="flex h-4 w-4" name="lucideX" />
+			<ng-icon hlm size="sm" name="lucideX" />
 		</button>
 	`,
 })