diff --git a/lib/process-services/src/lib/content-widget/attach-file-widget.component.html b/lib/process-services/src/lib/content-widget/attach-file-widget.component.html
index 7fe8b4b00b..de44d72dcf 100644
--- a/lib/process-services/src/lib/content-widget/attach-file-widget.component.html
+++ b/lib/process-services/src/lib/content-widget/attach-file-widget.component.html
@@ -69,7 +69,7 @@
                  (keyup.enter)="onAttachFileClicked(file)"
                  role="button"
                  tabindex="0"/>
-            <span matLine id="{{'file-'+file.id}}" (click)="onAttachFileClicked(file)" (keyup.enter)="onAttachFileClicked(file)"
+            <span matLine id="{{'file-'+file.id}}" (click)="onAttachFileClicked(file)" [matTooltip]="file.name" (keyup.enter)="onAttachFileClicked(file)"
                   role="button" tabindex="0" class="adf-file">{{file.name}}</span>
             <button id="{{'file-'+file.id+'-option-menu'}}" mat-icon-button [matMenuTriggerFor]="fileActionMenu">
                 <mat-icon>more_vert</mat-icon>
diff --git a/lib/process-services/src/lib/content-widget/attach-file-widget.component.scss b/lib/process-services/src/lib/content-widget/attach-file-widget.component.scss
index 7a66605cbe..24b8bdac46 100644
--- a/lib/process-services/src/lib/content-widget/attach-file-widget.component.scss
+++ b/lib/process-services/src/lib/content-widget/attach-file-widget.component.scss
@@ -67,5 +67,15 @@
         .mat-line {
             margin-bottom: 0;
         }
+
+        .mat-list-text {
+            max-width: 200px;
+        }
+
+        @media screen and (max-width: 959px) {
+            .mat-list-text {
+                max-width: 150px;
+            }
+        }
     }
 }