diff --git a/front/src/components/form/Checkbox.tsx b/front/src/components/form/Checkbox.tsx
index dbd1094b3..34d5279a3 100644
--- a/front/src/components/form/Checkbox.tsx
+++ b/front/src/components/form/Checkbox.tsx
@@ -8,7 +8,23 @@ type OwnProps = {
 
 const StyledContainer = styled.span`
   input[type='checkbox'] {
-    accent-color: ${(props) => props.theme.purple};
+    accent-color: ${(props) => props.theme.blue};
+    margin: 8px;
+    height: 16px;
+    width: 16px;
+  }
+
+  input[type='checkbox']::before {
+    content: '';
+    border: 1px solid black;
+    width: 14px;
+    height: 14px;
+    border-radius: 2px;
+    display: block;
+  }
+
+  input[type='checkbox']:checked::before {
+    border: 1px solid ${(props) => props.theme.blue};
   }
 `;