diff --git a/demo-shell/src/app/components/search/search-result.component.html b/demo-shell/src/app/components/search/search-result.component.html
index ae34f6275c..41b8cc9351 100644
--- a/demo-shell/src/app/components/search/search-result.component.html
+++ b/demo-shell/src/app/components/search/search-result.component.html
@@ -3,7 +3,7 @@
             [maxResults]="maxItems"
             [skipResults]="skipCount"
             (resultLoaded)="onSearchResultLoaded($event)"
-            #search>
+            #searchResult>
 </adf-search>
 
 <div class="adf-search-results__facets">
diff --git a/demo-shell/src/app/components/search/search-result.component.ts b/demo-shell/src/app/components/search/search-result.component.ts
index 113193da60..907c204a5f 100644
--- a/demo-shell/src/app/components/search/search-result.component.ts
+++ b/demo-shell/src/app/components/search/search-result.component.ts
@@ -19,17 +19,18 @@ import { Component, OnInit, Optional, ViewChild } from '@angular/core';
 import { Router, ActivatedRoute, Params } from '@angular/router';
 import { NodePaging, Pagination } from 'alfresco-js-api';
 import { SearchComponent, SearchQueryBuilderService } from '@alfresco/adf-content-services';
-import { UserPreferencesService } from '@alfresco/adf-core';
+import { UserPreferencesService, SearchService } from '@alfresco/adf-core';
 
 @Component({
     selector: 'app-search-result-component',
     templateUrl: './search-result.component.html',
-    styleUrls: ['./search-result.component.scss']
+    styleUrls: ['./search-result.component.scss'],
+    providers: [SearchService]
 })
 export class SearchResultComponent implements OnInit {
 
-    @ViewChild('search')
-    search: SearchComponent;
+    @ViewChild('searchResult')
+    searchResult: SearchComponent;
 
     queryParamName = 'q';
     searchedWord = '';
@@ -76,6 +77,6 @@ export class SearchResultComponent implements OnInit {
     }
 
     onDeleteElementSuccess(element: any) {
-        this.search.reload();
+        this.searchResult.reload();
     }
 }