diff --git a/src/front/Components/DesignSystem/CheckBox/classes.module.scss b/src/front/Components/DesignSystem/CheckBox/classes.module.scss
index e9ef2f7c..131432bb 100644
--- a/src/front/Components/DesignSystem/CheckBox/classes.module.scss
+++ b/src/front/Components/DesignSystem/CheckBox/classes.module.scss
@@ -36,6 +36,8 @@
 		display: flex;
 		width: 20px;
 		height: 20px;
+		min-width: 20px;
+		max-width: 20px;
 		flex-direction: column;
 		align-items: flex-start;
 		margin-right: 16px;
@@ -43,6 +45,10 @@
 		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);
 		}
diff --git a/src/front/Components/DesignSystem/CheckBox/index.tsx b/src/front/Components/DesignSystem/CheckBox/index.tsx
index 7f467391..e8d7f6c6 100644
--- a/src/front/Components/DesignSystem/CheckBox/index.tsx
+++ b/src/front/Components/DesignSystem/CheckBox/index.tsx
@@ -49,12 +49,12 @@ export default class CheckBox extends React.Component<IProps, IState> {
 					/>
 					<div className={classes["content"]}>
 						{this.props.option.label && (
-							<Typography className={classes["label"]} typo={ETypo.TEXT_SM_SEMIBOLD}>
+							<Typography className={classes["label"]} typo={ETypo.TEXT_MD_REGULAR}>
 								{this.props.option.label}
 							</Typography>
 						)}
 						{this.props.option.description && (
-							<Typography className={classes["description"]} typo={ETypo.TEXT_SM_REGULAR}>
+							<Typography className={classes["description"]} typo={ETypo.TEXT_MD_LIGHT}>
 								{this.props.option.description}
 							</Typography>
 						)}
diff --git a/src/front/Components/DesignSystem/RadioBox/index.tsx b/src/front/Components/DesignSystem/RadioBox/index.tsx
index e856e346..dc6bba53 100644
--- a/src/front/Components/DesignSystem/RadioBox/index.tsx
+++ b/src/front/Components/DesignSystem/RadioBox/index.tsx
@@ -23,7 +23,7 @@ export default class RadioBox extends React.Component<IProps> {
 	};
 	public override render(): JSX.Element {
 		return (
-			<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}>
+			<Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}>
 				<label className={classNames(classes["root"], this.props.disabled && classes["disabled"])}>
 					<input
 						type="radio"
@@ -36,12 +36,12 @@ export default class RadioBox extends React.Component<IProps> {
 					/>
 					<div className={classes["content"]}>
 						{this.props.label && (
-							<Typography className={classes["label"]} typo={ETypo.TEXT_SM_SEMIBOLD}>
+							<Typography className={classes["label"]} typo={ETypo.TEXT_MD_REGULAR}>
 								{this.props.label}
 							</Typography>
 						)}
 						{this.props.description && (
-							<Typography className={classes["description"]} typo={ETypo.TEXT_SM_REGULAR}>
+							<Typography className={classes["description"]} typo={ETypo.TEXT_MD_LIGHT}>
 								{this.props.description}
 							</Typography>
 						)}