diff --git a/src/app/showcase/layout/topbar/app.topbar.component.html b/src/app/showcase/layout/topbar/app.topbar.component.html
index 187f529467a..c5597dfa15a 100644
--- a/src/app/showcase/layout/topbar/app.topbar.component.html
+++ b/src/app/showcase/layout/topbar/app.topbar.component.html
@@ -95,7 +95,7 @@
 
         <ul class="flex list-none m-0 p-0 gap-2 align-items-center ">
             <li>
-                <div #docSearch id="docsearch"></div>
+                <div id="docsearch"></div>
             </li>
             <li>
                 <a href="https://github.com/primefaces/primeng" target="_blank" rel="noopener noreferrer"
diff --git a/src/app/showcase/layout/topbar/app.topbar.component.ts b/src/app/showcase/layout/topbar/app.topbar.component.ts
index aec3a8cf489..f4ac74c1abb 100644
--- a/src/app/showcase/layout/topbar/app.topbar.component.ts
+++ b/src/app/showcase/layout/topbar/app.topbar.component.ts
@@ -19,8 +19,6 @@ export class AppTopBarComponent implements OnInit, OnDestroy {
 
     @Input() showMenuButton = true;
 
-    @ViewChild('docSearch') docSearch: ElementRef;
-
     @Output() onDarkModeSwitch = new EventEmitter<any>();
 
     versions: any[] = Versions;
@@ -44,12 +42,6 @@ export class AppTopBarComponent implements OnInit, OnDestroy {
         }
     }
 
-    ngAfterViewChecked() {
-        if (!this.docSearch.nativeElement.children.length) {
-            this.initDocSearch();
-        }
-    }
-
     toggleMenu() {
         if (this.configService.state.menuActive) {
             this.configService.hideMenu();