diff --git a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.scss b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.scss
new file mode 100644
index 0000000000..4062ff0481
--- /dev/null
+++ b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.scss
@@ -0,0 +1,15 @@
+@import 'styles/mat-selectors';
+
+.adf-role-selector-field#{$mat-form-field} {
+    width: 100%;
+    height: 40px;
+    max-width: 200px;
+
+    #{$mat-form-field-infix} {
+        padding-top: 8px;
+    }
+
+    #{$mat-form-field-subscript-wrapper} {
+        display: none;
+    }
+}
diff --git a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts
index a17e4a190f..d9917fcc54 100644
--- a/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts
+++ b/lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts
@@ -53,23 +53,7 @@ export interface RoleModelOption {
         </span>
     `,
     host: { class: 'adf-user-role-column adf-datatable-content-cell adf-expand-cell-4' },
-    styles: [
-        `
-            .adf-role-selector-field.mat-mdc-form-field {
-                width: 100%;
-                height: 40px;
-                max-width: 200px;
-
-                .mat-mdc-form-field-infix {
-                    padding-top: 8px;
-                }
-
-                .mat-mdc-form-field-subscript-wrapper {
-                    display: none;
-                }
-            }
-        `
-    ]
+    styleUrls: ['./user-role-column.component.scss']
 })
 export class UserRoleColumnComponent implements OnChanges {
     @Input()