diff --git a/src/front/Components/DesignSystem/Typography/index.tsx b/src/front/Components/DesignSystem/Typography/index.tsx
index b306d822..86dd26dc 100644
--- a/src/front/Components/DesignSystem/Typography/index.tsx
+++ b/src/front/Components/DesignSystem/Typography/index.tsx
@@ -141,6 +141,9 @@ export enum ETypoColor {
 	COLOR_INFO_800 = "--color-info-800",
 	COLOR_INFO_900 = "--color-info-900",
 	COLOR_INFO_950 = "--color-info-950",
+
+	TABS_CONTRAST_DEFAULT = "--tabs-contrast-default",
+	TABS_CONTRAST_ACTIVATED = "--tabs-contrast-actived",
 }
 
 export default function Typography(props: IProps) {
diff --git a/src/front/Components/Elements/Tabs/HorizontalTab/classes.module.scss b/src/front/Components/Elements/Tabs/HorizontalTab/classes.module.scss
index 34782dad..cfbbe33c 100644
--- a/src/front/Components/Elements/Tabs/HorizontalTab/classes.module.scss
+++ b/src/front/Components/Elements/Tabs/HorizontalTab/classes.module.scss
@@ -3,14 +3,10 @@
 	font-size: 16px;
 	letter-spacing: 0.08px;
 
-	border-bottom: 1px solid var(--color-neutral-500);
+	border-bottom: 1px solid var(--tabs-stroke, #d7dce0);
 	cursor: pointer;
 
 	&[data-is-selected="true"] {
-		border-bottom: 2px solid var(--color-neutral-950, #24282e);
-	}
-
-	&:hover {
-		border-bottom: 2px solid var(--color-neutral-950, #24282e);
+		border-bottom: 2px solid var(--tabs-contrast-actived, #24282e);
 	}
 }
diff --git a/src/front/Components/Elements/Tabs/HorizontalTab/index.tsx b/src/front/Components/Elements/Tabs/HorizontalTab/index.tsx
index 198cd857..5e9402c1 100644
--- a/src/front/Components/Elements/Tabs/HorizontalTab/index.tsx
+++ b/src/front/Components/Elements/Tabs/HorizontalTab/index.tsx
@@ -25,8 +25,8 @@ export default function HorizontalTabs<T>(props: IProps<T>) {
 			onMouseLeave={handleMouseLeave}
 			data-is-selected={props.isSelected}>
 			<Typography
-				typo={ETypo.TEXT_MD_SEMIBOLD}
-				color={isHovered || props.isSelected ? ETypoColor.COLOR_NEUTRAL_950 : ETypoColor.COLOR_NEUTRAL_700}>
+				typo={!isHovered && !props.isSelected ? ETypo.TEXT_MD_REGULAR : ETypo.TEXT_MD_SEMIBOLD}
+				color={!isHovered && !props.isSelected ? ETypoColor.TABS_CONTRAST_DEFAULT : ETypoColor.TABS_CONTRAST_ACTIVATED}>
 				{props.label}
 			</Typography>
 		</div>