diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.tsx b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
index ac978453ccfb..0973087e89ae 100644
--- a/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
+++ b/akeneo-design-system/src/components/Checkbox/Checkbox.tsx
@@ -32,9 +32,10 @@ const CheckboxContainer = styled.div<{checked: boolean; readOnly: boolean} & Ake
   background-color: transparent;
   height: 20px;
   width: 20px;
-  border: 1px solid ${getColor('blue100')};
+  border: 1px solid ${getColor('grey80')};
   border-radius: 3px;
   outline: none;
+  background-color: ${getColor('grey20')};
 
   ${(props) =>
     props.checked &&
diff --git a/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx b/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
index 841f5782034b..9bdc9b20f6a4 100644
--- a/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
+++ b/akeneo-design-system/src/components/Checkbox/Checkbox.unit.tsx
@@ -23,6 +23,10 @@ it('it does not call onChange handler when read-only', () => {
 });
 
 it('it cannot be instantiated without handler when not readonly', () => {
+  jest.spyOn(console, 'error').mockImplementation(() => {
+    // do nothing.
+  });
+
   expect(() => {
     render(<Checkbox checked={true} label="Checkbox" />);
   }).toThrow('A Checkbox element expect an onChange attribute if not readOnly');