diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css
index e69de29bb2..91b6e02eb4 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.css
@@ -0,0 +1,44 @@
+.document-list_empty_template {
+ text-align: center;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.document-list__this-space-is-empty {
+ height: 32px;
+ opacity: 0.26;
+ font-family: Muli, Helvetica, Arial, sans-serif;
+ font-size: 24px;
+ line-height: 1.33;
+ letter-spacing: -1px;
+ color: #000000;
+}
+
+.document-list__drag-drop {
+ height: 56px;
+ opacity: 0.54;
+ font-family: Muli, Helvetica, Arial, sans-serif;
+ font-size: 56px;
+ line-height: 1;
+ letter-spacing: -2px;
+ color: #000000;
+ margin-top: 40px;
+}
+
+.document-list__any-files-here-to-add {
+ height: 24px;
+ opacity: 0.54;
+ font-family: Muli, Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 1.5;
+ letter-spacing: -0.4px;
+ color: #000000;
+ margin-top: 17px;
+}
+
+.document-list__empty_doc_lib {
+ width: 565px;
+ height: 161px;
+ object-fit: contain;
+ margin-top: 17px;
+}
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.html b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.html
index 5a1f88de8e..06f06bd90c 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.html
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.html
@@ -10,7 +10,12 @@
(rowDblClick)="onRowDblClick($event)">
-
+
+
This folder is empty
+
Drag and Drop
+
any files here to add
+
![]()
+
diff --git a/ng2-components/ng2-alfresco-documentlist/src/img/document-list.empty-folder.png b/ng2-components/ng2-alfresco-documentlist/src/img/document-list.empty-folder.png
deleted file mode 100644
index 7a23727b20..0000000000
Binary files a/ng2-components/ng2-alfresco-documentlist/src/img/document-list.empty-folder.png and /dev/null differ
diff --git a/ng2-components/ng2-alfresco-documentlist/src/img/empty_doc_lib.svg b/ng2-components/ng2-alfresco-documentlist/src/img/empty_doc_lib.svg
new file mode 100644
index 0000000000..866acd527b
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/src/img/empty_doc_lib.svg
@@ -0,0 +1,208 @@
+
+
\ No newline at end of file