diff --git a/ng2-components/ng2-activiti-processlist/index.ts b/ng2-components/ng2-activiti-processlist/index.ts
index 4b36499a48..688c4527d3 100644
--- a/ng2-components/ng2-activiti-processlist/index.ts
+++ b/ng2-components/ng2-activiti-processlist/index.ts
@@ -16,6 +16,7 @@
  */
 
 import { NgModule } from '@angular/core';
+import { FlexLayoutModule } from '@angular/flex-layout';
 import {
     MatButtonModule,
     MatCardModule,
@@ -127,7 +128,8 @@ export const ACTIVITI_PROCESSLIST_PROVIDERS: [any] = [
         MatCardModule,
         MatInputModule,
         MatChipsModule,
-        MatSelectModule
+        MatSelectModule,
+        FlexLayoutModule
     ],
     declarations: [
         ...ACTIVITI_PROCESSLIST_DIRECTIVES
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.html b/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.html
index d2aaf865d4..ed072cf7ca 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.html
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.html
@@ -4,8 +4,8 @@
     <adf-empty-list *ngIf="isEmpty()">
         <div adf-empty-list-header class="adf-empty-list-header"> {{'ADF_PROCESS_LIST.PROCESS-ATTACHMENT.EMPTY.HEADER' | translate}} </div>
         <div adf-empty-list-body *ngIf="!isDisabled()">
-            <div class="adf-empty-list-drag_drop">{{'ADF_PROCESS_LIST.PROCESS-ATTACHMENT.EMPTY.DRAG-AND-DROP.TITLE' | translate}}</div>
-            <div class="adf-empty-list__any-files-here-to-add"> {{'ADF_PROCESS_LIST.PROCESS-ATTACHMENT.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate}} </div>
+            <div fxHide.lt-md="true" class="adf-empty-list-drag_drop">{{'ADF_PROCESS_LIST.PROCESS-ATTACHMENT.EMPTY.DRAG-AND-DROP.TITLE' | translate}}</div>
+            <div fxHide.lt-md="true" class="adf-empty-list__any-files-here-to-add"> {{'ADF_PROCESS_LIST.PROCESS-ATTACHMENT.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate}} </div>
         </div>
         <div adf-empty-list-footer *ngIf="!isDisabled()">
             <img class="adf-empty-list__empty_doc_lib" [src]="emptyListImageUrl">
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss b/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss
index d940d339ca..e458e82b1c 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-attachment-list.component.scss
@@ -1,3 +1,5 @@
+@import '~@angular/material/theming';
+
 adf-datatable ::ng-deep th span {
     color: #232323;
 }
@@ -45,4 +47,8 @@ adf-datatable ::ng-deep .data-cell {
     height: 161px;
     object-fit: contain;
     margin-top: 17px;
+
+    @media screen and ($mat-xsmall) {
+        width: 250px;
+    }
 }
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.html b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.html
index 4292cf5ac1..2188fbbc14 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/task-attachment-list.component.html
@@ -3,8 +3,8 @@
     <adf-empty-list *ngIf="isEmpty()">
         <div adf-empty-list-header class="adf-empty-list-header"> {{'ADF_TASK_LIST.ATTACHMENT.EMPTY.HEADER' | translate}} </div>
         <div adf-empty-list-body *ngIf="!isDisabled()">
-            <div class="adf-empty-list-drag_drop">{{'ADF_TASK_LIST.ATTACHMENT.EMPTY.DRAG-AND-DROP.TITLE' | translate}}</div>
-            <div class="adf-empty-list__any-files-here-to-add"> {{'ADF_TASK_LIST.ATTACHMENT.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate}} </div>
+            <div fxHide.lt-md="true" class="adf-empty-list-drag_drop">{{'ADF_TASK_LIST.ATTACHMENT.EMPTY.DRAG-AND-DROP.TITLE' | translate}}</div>
+            <div fxHide.lt-md="true" class="adf-empty-list__any-files-here-to-add"> {{'ADF_TASK_LIST.ATTACHMENT.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate}} </div>
         </div>
         <div adf-empty-list-footer *ngIf="!isDisabled()">
             <img class="adf-empty-list__empty_doc_lib" [src]="emptyListImageUrl">