From 97e4b2c9a06274167748fd417d2a477e238ebcb5 Mon Sep 17 00:00:00 2001
From: Vins <vincent.alamelle@smart-chain.fr>
Date: Mon, 22 Jul 2024 14:39:29 +0200
Subject: [PATCH] Circle progress gap + rounded

---
 .../Components/DesignSystem/CircleProgress/classes.module.scss  | 2 +-
 src/front/Components/DesignSystem/CircleProgress/index.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/front/Components/DesignSystem/CircleProgress/classes.module.scss b/src/front/Components/DesignSystem/CircleProgress/classes.module.scss
index 9463ecf6..0ad37f7c 100644
--- a/src/front/Components/DesignSystem/CircleProgress/classes.module.scss
+++ b/src/front/Components/DesignSystem/CircleProgress/classes.module.scss
@@ -3,7 +3,7 @@
 .root {
 	display: flex;
 	align-items: center;
-	gap: 24px;
+	gap: var(--spacing-sm);
 
 	svg {
 		width: 100%;
diff --git a/src/front/Components/DesignSystem/CircleProgress/index.tsx b/src/front/Components/DesignSystem/CircleProgress/index.tsx
index d468e4d2..741dd5f0 100644
--- a/src/front/Components/DesignSystem/CircleProgress/index.tsx
+++ b/src/front/Components/DesignSystem/CircleProgress/index.tsx
@@ -54,7 +54,7 @@ export default function CircleProgress(props: IProps) {
 				/>
 			</svg>
 			<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_NEUTRAL_950}>
-				{percentage}%
+				{Math.round(percentage)}%
 			</Typography>
 		</div>
 	);