diff --git a/frontend/app/components/work-packages/wp-single-view/wp-single-view.directive.html b/frontend/app/components/work-packages/wp-single-view/wp-single-view.directive.html
index 513bcb74c8..fc1ae3c119 100644
--- a/frontend/app/components/work-packages/wp-single-view/wp-single-view.directive.html
+++ b/frontend/app/components/work-packages/wp-single-view/wp-single-view.directive.html
@@ -115,6 +115,14 @@
-
+
+
+
+
+ {{ ::$ctrl.text.dropFiles }}
+ {{ ::$ctrl.text.dropFilesHint }}
+
+
+
diff --git a/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.html b/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.html
index a328257efd..87c96c7089 100644
--- a/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.html
+++ b/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.html
@@ -8,12 +8,6 @@
ngf-multiple="true"
ngf-change="$ctrl.workPackage.uploadPendingAttachments()"
ngf-max-size="{{ ::$ctrl.maxFileSize }}"
- click-on-keypress="[13, 32]">
-
-
-
- {{ ::$ctrl.text.dropFiles }}
- {{ ::$ctrl.text.dropFilesHint }}
-
-
+ click-on-keypress="[13, 32]"
+ ng-transclude>
diff --git a/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.ts b/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.ts
index 376827d42b..0f64e5f076 100644
--- a/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.ts
+++ b/frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.ts
@@ -52,6 +52,7 @@ function wpUploadDirective(): IDirective {
return {
restrict: 'E',
templateUrl: '/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.html',
+ transclude: true,
scope: {
workPackage: '='