diff --git a/src/front/Components/DesignSystem/CheckBox/classes.module.scss b/src/front/Components/DesignSystem/CheckBox/classes.module.scss
index 131432bb..61e2be11 100644
--- a/src/front/Components/DesignSystem/CheckBox/classes.module.scss
+++ b/src/front/Components/DesignSystem/CheckBox/classes.module.scss
@@ -29,9 +29,11 @@
 
 	&.disabled {
 		opacity: var(--opacity-disabled, 0.3);
+		cursor: not-allowed;
 	}
 
 	input[type="checkbox"] {
+		accent-color: var(--select-option-selected-default-background);
 		cursor: pointer;
 		display: flex;
 		width: 20px;
@@ -45,21 +47,18 @@
 		border-radius: var(--radius-xs, 2px);
 		border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
 
-		&:checked {
-			background-image: url("../../../Assets/Icons/burger.svg");
-		}
-
 		&:hover {
-			border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
+			border: 2px solid var(--select-option-unselected-pressed-border, #3e474e);
+			accent-color: var(--select-option-selected-hovered-background);
 		}
 
 		&:active {
 			border: 2px solid var(--select-option-unselected-pressed-border, #3e474e);
+			accent-color: var(--select-option-selected-pressed-background);
 		}
 
 		&:disabled {
 			cursor: not-allowed;
-			border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
 		}
 	}