diff --git a/frontend/src/container/GantChart/SpanLength/styles.ts b/frontend/src/container/GantChart/SpanLength/styles.ts
index 0af7b0a234..e3d4be03a1 100644
--- a/frontend/src/container/GantChart/SpanLength/styles.ts
+++ b/frontend/src/container/GantChart/SpanLength/styles.ts
@@ -16,6 +16,7 @@ export const SpanLine = styled.div<Props>`
 	top: 50%;
 	position: absolute;
 `;
+
 export const SpanBorder = styled.div<Props>`
 	background: ${({ bgColor }): string => bgColor};
 	border-radius: 5px;
@@ -34,27 +35,18 @@ export const SpanWrapper = styled.div`
 	position: relative;
 	z-index: 2;
 	min-height: 2rem;
-
-	/* &:before {
-		display: inline-block;
-		content: '';
-		border-bottom: 1px solid #303030;
-		position: absolute;
-		left: -30px;
-		width: 30px;
-		z-index: 0;
-	} */
 `;
 interface SpanTextProps extends Pick<Props, 'leftOffset'> {
 	isDarkMode: boolean;
 }
 
-export const SpanText = styled(Typography)<SpanTextProps>`
+export const SpanText = styled(Typography.Paragraph)<SpanTextProps>`
 	&&& {
 		left: ${({ leftOffset }): string => `${leftOffset}%`};
 		top: 65%;
 		position: absolute;
-		color: ${({ isDarkMode }): string => (isDarkMode ? '##ACACAC' : '#666')};
+		width: max-content;
+		color: ${({ isDarkMode }): string => (isDarkMode ? '#ACACAC' : '#666')};
 		font-size: 0.75rem;
 	}
 `;