diff --git a/src/assets/styles/common-checkbox.scss b/src/assets/styles/common-checkbox.scss
index 69f9fc0..5c45ae0 100644
--- a/src/assets/styles/common-checkbox.scss
+++ b/src/assets/styles/common-checkbox.scss
@@ -16,6 +16,17 @@ $ripple-size: 26px;
     --mdc-checkbox-unselected-focus-icon-color: var(--iqser-grey-5);
     --mdc-checkbox-disabled-selected-icon-color: var(--iqser-primary);
     --mdc-checkbox-disabled-unselected-icon-color: var(--iqser-grey-5);
+    --mdc-checkbox-selected-focus-icon-color: var(--iqser-primary);
+    --mdc-checkbox-selected-hover-icon-color: var(--iqser-primary);
+    --mdc-checkbox-selected-icon-color: var(--iqser-primary);
+    --mdc-checkbox-selected-pressed-icon-color: var(--iqser-primary);
+    --mdc-checkbox-selected-focus-state-layer-color: var(--iqser-primary);
+    --mdc-checkbox-selected-hover-state-layer-color: var(--iqser-primary);
+    --mdc-checkbox-selected-pressed-state-layer-color: var(--iqser-primary);
+
+    input[type='checkbox'] {
+        margin-top: calc($checkbox-size * -1.5);
+    }
 
     .mdc-form-field > label {
         padding-left: 8px;