diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html
index c6d3011623..66fcf83db3 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.html
@@ -21,5 +21,13 @@
     </tr>
     </tbody>
 </table>
+<table data-automation-id="autocomplete_error_message" *ngIf="errorMessage"
+       class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
+    <tbody>
+    <tr>
+        <td>{{ 'SEARCH.RESULTS.ERROR' | translate:{errorMessage: errorMessage} }}</td>
+    </tr>
+    </tbody>
+</table>
 <p data-automation-id="autocomplete_error_message" *ngIf="errorMessage">{{ 'SEARCH.RESULTS.ERROR' |
     translate:{errorMessage: errorMessage} }}</p>
diff --git a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts
index 6b9340f131..5af3258689 100644
--- a/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts
+++ b/ng2-components/ng2-alfresco-search/src/components/alfresco-search-autocomplete.component.spec.ts
@@ -206,7 +206,7 @@ describe('AlfrescoSearchAutocompleteComponent', () => {
             let errorEl = <any> element.querySelector('[data-automation-id="autocomplete_error_message"]');
             expect(resultsEl).toBeNull();
             expect(errorEl).not.toBeNull();
-            expect(errorEl.innerText).toBe('SEARCH.RESULTS.ERROR');
+            expect(errorEl.innerText.trim()).toBe('SEARCH.RESULTS.ERROR');
             done();
         });