diff --git a/projects/common/ui-elements/checkbox/checkbox.component.ts b/projects/common/ui-elements/checkbox/checkbox.component.ts
index 63f48f9a00fe42ea202ea10b851480f327d7169a..df36ec7b0de925ba255c2849d5086e70d806bed5 100644
--- a/projects/common/ui-elements/checkbox/checkbox.component.ts
+++ b/projects/common/ui-elements/checkbox/checkbox.component.ts
@@ -29,8 +29,9 @@ import { CheckboxElement } from './checkbox-element';
     </div>
   `,
   styles: [
-    '::ng-deep .mat-checkbox-layout {white-space: normal !important}',
-    '.error-message { position: absolute; display: block; margin-top: 5px; font-size: 75% }'
+    ':host ::ng-deep .mat-checkbox-layout {white-space: normal !important}',
+    '.error-message { position: absolute; display: block; margin-top: 5px; font-size: 75% }',
+    ':host ::ng-deep mat-checkbox.mat-checkbox-checked .mat-checkbox-background {background-color: #006064}'
   ]
 })
 export class CheckboxComponent extends FormElementComponent {