diff --git a/demo-shell-ng2/webcomponents/alfresco-file-list/src/alfresco-file-list.html b/demo-shell-ng2/webcomponents/alfresco-file-list/src/alfresco-file-list.html
index 663b9262c7..0a2e33f7da 100644
--- a/demo-shell-ng2/webcomponents/alfresco-file-list/src/alfresco-file-list.html
+++ b/demo-shell-ng2/webcomponents/alfresco-file-list/src/alfresco-file-list.html
@@ -167,7 +167,7 @@
                                     <img class="folder" src="img/folder.svg">
                                 </template>
                                 <template is="dom-if" if="{{!item.isFolder}}">
-                                    <img class="file" src="{{thumbBaseUrl()}}{{item.contentUrl}}">
+                                    <img class="file" src="{{getThumbnailUrl(item)}}">
                                 </template>
                             </div>
                             <div class="text">
@@ -258,7 +258,7 @@
                     var xhr = new XMLHttpRequest();
                     xhr.addEventListener("load", (XMLHttpRequestProgressEvent)=>{
                         this.data =JSON.parse(XMLHttpRequestProgressEvent.currentTarget.response).items;
-                });
+                    });
 
                     xhr.addEventListener("error", error);
 
@@ -271,6 +271,10 @@
 
                 thumbBaseUrl: function () {
                     return this.host + '/alfresco/service/';
+                },
+
+                getThumbnailUrl: function(item) {
+                    return this.host + '/alfresco/service/api/node/' + item.nodeRef.replace('://', '/') + '/content/thumbnails/doclib?c=queue&amp;ph=true&amp;lastModified=1';
                 }
             });
         });
diff --git a/web-components/alfresco-file-list/src/alfresco-file-list.html b/web-components/alfresco-file-list/src/alfresco-file-list.html
index c79c7b6e5d..4dec75a988 100644
--- a/web-components/alfresco-file-list/src/alfresco-file-list.html
+++ b/web-components/alfresco-file-list/src/alfresco-file-list.html
@@ -167,7 +167,7 @@
                                     <img class="folder" src="img/folder.svg">
                                 </template>
                                 <template is="dom-if" if="{{!item.isFolder}}">
-                                    <img class="file" src="{{thumbBaseUrl()}}{{item.contentUrl}}">
+                                    <img class="file" src="{{getThumbnailUrl(item)}}">
                                 </template>
                             </div>
                             <div class="text">
@@ -269,6 +269,10 @@
                     xhr.send();
             },
 
+            getThumbnailUrl: function(item) {
+                    return this.host + '/alfresco/service/api/node/' + item.nodeRef.replace('://', '/') + '/content/thumbnails/doclib?c=queue&amp;ph=true&amp;lastModified=1';
+                },
+
             thumbBaseUrl: function () {
                 return this.host + '/alfresco/service/';
                 }