diff --git a/src/index.ts b/src/index.ts
index bd46f0f..cd2b933 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -15,3 +15,4 @@ export * from './lib/loading';
 export * from './lib/error';
 export * from './lib/search';
 export * from './lib/empty-states';
+export * from './lib/scrollbar';
diff --git a/src/lib/scrollbar/has-scrollbar.directive.ts b/src/lib/scrollbar/has-scrollbar.directive.ts
index 2c4d319..bf66c6f 100644
--- a/src/lib/scrollbar/has-scrollbar.directive.ts
+++ b/src/lib/scrollbar/has-scrollbar.directive.ts
@@ -7,7 +7,7 @@ import { ChangeDetectorRef, Directive, ElementRef, HostBinding, HostListener, On
 export class HasScrollbarDirective implements OnInit, OnChanges {
     @HostBinding('class') class = '';
 
-    constructor(private readonly _elementRef: ElementRef, private readonly _changeDetector: ChangeDetectorRef) {}
+    constructor(protected readonly _elementRef: ElementRef, protected readonly _changeDetector: ChangeDetectorRef) {}
 
     get hasScrollbar(): boolean {
         const element = this._elementRef?.nativeElement as HTMLElement;