diff --git a/lib/process-services/attachment/process-attachment-list.component.scss b/lib/process-services/attachment/process-attachment-list.component.scss
index ff6f8149dc..f086710555 100644
--- a/lib/process-services/attachment/process-attachment-list.component.scss
+++ b/lib/process-services/attachment/process-attachment-list.component.scss
@@ -1,58 +1,59 @@
-@import '~@angular/material/theming';
+@mixin adf-process-attachment-list($theme) {
 
-adf-datatable ::ng-deep th span {
-    color: #232323;
-}
+    adf-datatable ::ng-deep th span {
+        color: #232323;
+    }
 
-adf-datatable ::ng-deep .data-cell {
-    cursor: pointer !important;
-}
+    adf-datatable ::ng-deep .data-cell {
+        cursor: pointer !important;
+    }
 
-.adf-attachment-list-loading-margin {
-    margin-left: calc((100% - 100px) / 2);
-    margin-right: calc((100% - 100px) / 2);
-}
+    .adf-attachment-list-loading-margin {
+        margin-left: calc((100% - 100px) / 2);
+        margin-right: calc((100% - 100px) / 2);
+    }
 
-.adf-empty-list-header {
-    height: 32px;
-    opacity: 0.26 !important;
-    font-size: 24px;
-    line-height: 1.33;
-    letter-spacing: -1px;
-    color: #000000;
-}
+    .adf-empty-list-header {
+        height: 32px;
+        opacity: 0.26 !important;
+        font-size: 24px;
+        line-height: 1.33;
+        letter-spacing: -1px;
+        color: #000000;
+    }
 
-.adf-empty-list-drag_drop {
-    min-height: 56px;
-    opacity: 0.54;
-    font-size: 56px;
-    line-height: 1;
-    letter-spacing: -2px;
-    color: #000000;
-    margin-top: 40px !important;
-    word-break: break-all;
-    white-space: pre-line;
-}
+    .adf-empty-list-drag_drop {
+        min-height: 56px;
+        opacity: 0.54;
+        font-size: 56px;
+        line-height: 1;
+        letter-spacing: -2px;
+        color: #000000;
+        margin-top: 40px !important;
+        word-break: break-all;
+        white-space: pre-line;
+    }
 
-.adf-empty-list__any-files-here-to-add {
-    min-height: 24px;
-    opacity: 0.54;
-    font-size: 16px;
-    line-height: 1.5;
-    letter-spacing: -0.4px;
-    color: #000000;
-    margin-top: 17px;
-    word-break: break-all;
-    white-space: pre-line;
-}
+    .adf-empty-list__any-files-here-to-add {
+        min-height: 24px;
+        opacity: 0.54;
+        font-size: 16px;
+        line-height: 1.5;
+        letter-spacing: -0.4px;
+        color: #000000;
+        margin-top: 17px;
+        word-break: break-all;
+        white-space: pre-line;
+    }
 
-.adf-empty-list__empty_doc_lib {
-    width: 565px;
-    height: 161px;
-    object-fit: contain;
-    margin-top: 17px;
+    .adf-empty-list__empty_doc_lib {
+        width: 565px;
+        height: 161px;
+        object-fit: contain;
+        margin-top: 17px;
 
-    @media screen and ($mat-xsmall) {
-        width: 250px;
+        @media screen and ($mat-xsmall) {
+            width: 250px;
+        }
     }
 }
diff --git a/lib/process-services/attachment/task-attachment-list.component.scss b/lib/process-services/attachment/task-attachment-list.component.scss
index d4ab8a865e..4dd956b825 100644
--- a/lib/process-services/attachment/task-attachment-list.component.scss
+++ b/lib/process-services/attachment/task-attachment-list.component.scss
@@ -1,63 +1,64 @@
-@import '~@angular/material/theming';
+@mixin adf-task-attachment-list($theme) {
 
-adf-datatable  ::ng-deep th span {
-    color: #232323;
-}
+    adf-datatable  ::ng-deep th span {
+        color: #232323;
+    }
 
-adf-datatable  ::ng-deep .data-cell {
-    cursor: pointer !important;
-}
+    adf-datatable  ::ng-deep .data-cell {
+        cursor: pointer !important;
+    }
 
-.adf-attachment-list-loading-margin {
-    margin-left: calc((100% - 100px) / 2);
-    margin-right: calc((100% - 100px) / 2);
-}
+    .adf-attachment-list-loading-margin {
+        margin-left: calc((100% - 100px) / 2);
+        margin-right: calc((100% - 100px) / 2);
+    }
 
-.adf-empty-list-header {
-    height: 32px;
-    opacity: 0.26;
-    font-size: 24px;
-    line-height: 1.33;
-    letter-spacing: -1px;
-    color: #000000;
-}
+    .adf-empty-list-header {
+        height: 32px;
+        opacity: 0.26;
+        font-size: 24px;
+        line-height: 1.33;
+        letter-spacing: -1px;
+        color: #000000;
+    }
 
-.adf-empty-list-drag_drop {
-    min-height: 56px;
-    opacity: 0.54;
-    font-size: 56px;
-    line-height: 1;
-    letter-spacing: -2px;
-    color: #000000;
-    margin-top: 40px;
-    word-break: break-all;
-    white-space: pre-line;
+    .adf-empty-list-drag_drop {
+        min-height: 56px;
+        opacity: 0.54;
+        font-size: 56px;
+        line-height: 1;
+        letter-spacing: -2px;
+        color: #000000;
+        margin-top: 40px;
+        word-break: break-all;
+        white-space: pre-line;
 
-    @media screen and ($mat-xsmall) {
-        font-size: 40px;
-    }
-}
-
-.adf-empty-list__any-files-here-to-add {
-    min-height: 24px;
-    opacity: 0.54;
-    font-size: 16px;
-    line-height: 1.5;
-    letter-spacing: -0.4px;
-    color: #000000;
-    margin-top: 17px;
-    word-break: break-all;
-    white-space: pre-line;
-}
-
-.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;
+        @media screen and ($mat-xsmall) {
+            font-size: 40px;
+        }
+    }
+
+    .adf-empty-list__any-files-here-to-add {
+        min-height: 24px;
+        opacity: 0.54;
+        font-size: 16px;
+        line-height: 1.5;
+        letter-spacing: -0.4px;
+        color: #000000;
+        margin-top: 17px;
+        word-break: break-all;
+        white-space: pre-line;
+    }
+
+    .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/lib/process-services/styles/_index.scss b/lib/process-services/styles/_index.scss
index 105e9009f6..cf37e910a1 100644
--- a/lib/process-services/styles/_index.scss
+++ b/lib/process-services/styles/_index.scss
@@ -1,5 +1,8 @@
 @import '../process-list/components/process-filters.component';
 
+@import '../attachment/process-attachment-list.component';
+@import '../attachment/task-attachment-list.component';
+
 @import '../comments/comment-list.component';
 
 @import '../people/people-search.component';
@@ -17,4 +20,6 @@
     @include adf-task-list-people-theme($theme);
     @include adf-task-list-filters-task-theme($theme);
     @include adf-task-list-header-theme($theme);
+    @include adf-process-attachment-list($theme);
+    @include adf-task-attachment-list($theme);
 }