diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts
index 9b832c4c71..1e53e7dce1 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts
@@ -116,6 +116,8 @@ export class ModalComponent implements OnDestroy {
         this.close();
       });
 
+    if (!this.abpClose) return;
+
     fromEvent(this.abpClose.nativeElement, 'click')
       .pipe(
         takeUntil(this.destroy$),
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts b/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
index a798bccd76..de983d5c8c 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts
@@ -24,6 +24,9 @@ export default `
   top: 18px;
 }
 
+.modal {
+ background-color: rgba(0, 0, 0, .6);
+}
 
 /* <animations */