diff --git a/src/app/shared/components/category-select/category-select.component.scss b/src/app/shared/components/category-select/category-select.component.scss
index c735692fbc..42044e4d60 100644
--- a/src/app/shared/components/category-select/category-select.component.scss
+++ b/src/app/shared/components/category-select/category-select.component.scss
@@ -1,27 +1,29 @@
 @import "src/app/shared/styles/validation-form.scss";
 @import "src/app/shared/styles/create-form.scss";
 
-.step-label{
+.step-label {
   margin: 0.5rem 0;
 }
-.wrapper{
+
+.wrapper {
   margin-bottom: 0.5rem;
 }
-::ng-deep .mat-option-ripple:hover{
+
+:host ::ng-deep .mat-option-ripple:hover {
   background: lightgray;
 }
 
-::ng-deep .dropdown-option .mat-option-text {
+:host ::ng-deep .dropdown-option .mat-option-text {
   padding-left: 1rem !important;
   font-family: Roboto, "Helvetica Neue", sans-serif;
 }
 
-::ng-deep .mat-option {
+:host ::ng-deep .mat-option {
   padding: 0 !important;
   min-width: 425px;
 }
 
-::ng-deep .mat-form-field-underline,
-::ng-deep .mat-form-field-label-wrapper {
+:host ::ng-deep .mat-form-field-underline,
+:host ::ng-deep .mat-form-field-label-wrapper {
   display: none;
 }
diff --git a/src/app/shared/components/workshop-checkbox-dropdown/workshop-checkbox-dropdown.component.scss b/src/app/shared/components/workshop-checkbox-dropdown/workshop-checkbox-dropdown.component.scss
index c52b2f1cda..3831310bd0 100644
--- a/src/app/shared/components/workshop-checkbox-dropdown/workshop-checkbox-dropdown.component.scss
+++ b/src/app/shared/components/workshop-checkbox-dropdown/workshop-checkbox-dropdown.component.scss
@@ -1,5 +1,6 @@
 @import "src/app/shared/styles/dropdown.scss";
-.dropdown{
+
+.dropdown {
   width: 200px;
   background: #FFFFFF;
   font-weight: 500;
@@ -10,18 +11,15 @@
   color: #333333;
 }
 
-.dropdown-wrapper{
+.dropdown-wrapper {
   z-index: 3;
 }
-.label{
-  padding: 1rem;
-}
 
-::ng-deep .mat-form-field-underline{
-  display: none;
+.label {
+  padding: 1rem;
 }
 
-mat-form-field mat-label{
+mat-form-field mat-label {
   display: flex;
   justify-content: flex-start;
   font-weight: 800;
@@ -29,9 +27,9 @@ mat-form-field mat-label{
   color: #333333;
 }
 
-::ng-deep .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{
+::ng-deep .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
   display: none;
 }
-::ng-deep .mat-primary .mat-pseudo-checkbox-checked{
+::ng-deep .mat-primary .mat-pseudo-checkbox-checked {
   background: #3849F9;
-}
\ No newline at end of file
+}