diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
index b02ee04eed..ab58eebe23 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.scss
@@ -1,3 +1,5 @@
+@import '~@angular/material/theming';
+
 adf-datatable  ::ng-deep th span {
     color: #232323;
 }
@@ -28,6 +30,10 @@ adf-datatable  ::ng-deep .data-cell {
     letter-spacing: -2px;
     color: #000000;
     margin-top: 40px;
+
+    @media screen and ($mat-xsmall) {
+        font-size: 40px;
+    }
 }
 
 .adf-empty-list__any-files-here-to-add {
@@ -42,7 +48,12 @@ adf-datatable  ::ng-deep .data-cell {
 
 .adf-empty-list__empty_doc_lib {
     width: 565px;
+    max-width: 100%;
     height: 161px;
     object-fit: contain;
     margin-top: 17px;
+
+    @media screen and ($mat-xsmall) {
+        width: 250px;
+    }
 }
diff --git a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
index 17fa5b4f98..b5f3dec7b0 100644
--- a/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
+++ b/ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.scss
@@ -1,3 +1,5 @@
+@import '~@angular/material/theming';
+
 @mixin mat-document-list-theme($theme) {
     $foreground: map-get($theme, foreground);
 
@@ -96,6 +98,10 @@
             letter-spacing: -2px;
             color: mat-color($foreground, text);
             margin-top: 40px;
+
+            @media screen and ($mat-xsmall) {
+                font-size: 48px;
+            }
         }
 
         &-any-files-here-to-add {
@@ -113,6 +119,10 @@
             max-width: 100%;
             object-fit: contain;
             margin-top: 17px;
+
+            @media screen and ($mat-xsmall) {
+                width: 250px;
+            }
         }
     }
 }