diff --git a/projects/hslayers/common/panels/gui-overlay-base.component.ts b/projects/hslayers/common/panels/gui-overlay-base.component.ts
index 00d2f1a7f2..2f50bbc620 100644
--- a/projects/hslayers/common/panels/gui-overlay-base.component.ts
+++ b/projects/hslayers/common/panels/gui-overlay-base.component.ts
@@ -51,7 +51,7 @@ export class HsGuiOverlayBaseComponent implements HsPanelComponent, OnInit {
   }
 
   /**
-   * Determine component visiblity
+   * Determine component visibility
    */
   componentEnabled(): Observable<boolean> {
     return of(
diff --git a/projects/test-app/src/hslayers-app/some-panel/some-panel.component.html b/projects/test-app/src/hslayers-app/some-panel/some-panel.component.html
index 8df76f27bf..dbe7d80e1d 100644
--- a/projects/test-app/src/hslayers-app/some-panel/some-panel.component.html
+++ b/projects/test-app/src/hslayers-app/some-panel/some-panel.component.html
@@ -1,5 +1,5 @@
 <div *ngIf="isVisible$ | async" class="card hs-main-panel" [ngClass]="panelWidthClass">
-  <!-- Empty string as a translationModule to overwrite default PANEL_HEADER to satisfy traslationOverrides definition
+  <!-- Empty string as a translationModule to overwrite default PANEL_HEADER to satisfy translationOverrides definition
   Another possibility would be to define panelName using PANEL_HEADER obj in config -->
   <hs-panel-header name="custom" [panelTabs]="'My Cool Panel'" [translationModule]="''">
   </hs-panel-header>
@@ -11,4 +11,4 @@
       Illos non interficimus.
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/projects/test-app/src/hslayers-app/some-panel/some-panel.component.ts b/projects/test-app/src/hslayers-app/some-panel/some-panel.component.ts
index 79b8c595c9..0f7112ec39 100644
--- a/projects/test-app/src/hslayers-app/some-panel/some-panel.component.ts
+++ b/projects/test-app/src/hslayers-app/some-panel/some-panel.component.ts
@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 
 import {HsPanelBaseComponent} from 'hslayers-ng/common/panels';
 
@@ -6,10 +6,15 @@ import {HsPanelBaseComponent} from 'hslayers-ng/common/panels';
   selector: 'hs-some-panel',
   templateUrl: './some-panel.component.html',
 })
-export class SomeComponent extends HsPanelBaseComponent {
+export class SomeComponent extends HsPanelBaseComponent implements OnInit {
+  /* The name is very important, as it is used to manage panel's visibility */
   name = 'custom';
 
   constructor() {
     super();
   }
+
+  ngOnInit() {
+    super.ngOnInit();
+  }
 }