diff --git a/libs/sketch/src/lib/components/overlay/overlay.directive.ts b/libs/sketch/src/lib/components/overlay/overlay.directive.ts
index 3a73b0b..90d2b61 100644
--- a/libs/sketch/src/lib/components/overlay/overlay.directive.ts
+++ b/libs/sketch/src/lib/components/overlay/overlay.directive.ts
@@ -6,9 +6,10 @@ import {
   Directive,
   effect,
   ElementRef,
+  EventEmitter,
   inject,
   input,
-  output,
+  Output,
 } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { debounceTime, fromEvent, merge } from 'rxjs';
@@ -54,7 +55,8 @@ export class CdkOverlayDirective {
   readonly offsetY = input<number>(0, {
     alias: 'skCdkOverlayOffsetY',
   });
-  readonly visible = output<boolean>({ alias: 'skCdkOverlayVisible' });
+  @Output('skCdkOverlayVisible')
+  readonly visible = new EventEmitter<boolean>();
 
   private _overlayRef?: OverlayRef;
   private _relatedElement?: HTMLElement =