diff --git a/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift b/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift
index 7f4e278..c222716 100644
--- a/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift
+++ b/TheNoiseClock/Features/Clock/Views/Components/TimeDisplayView.swift
@@ -138,11 +138,13 @@ struct TimeDisplayView: View {
                         design: fontDesign,
                         fontSize: fontSize
                     )
-                    let segmentWidth = fixedDigitWidth * 2 // Each segment has 2 digits
+                    let segmentWidth = fixedDigitWidth * 2 // Minutes/seconds always 2 digits
+                    // Hour width is dynamic based on actual digit count (1 or 2 digits)
+                    let hourSegmentWidth = fixedDigitWidth * CGFloat(hour.count)
                     
                     HStack(alignment: .center, spacing: 0) {
                         TimeSegment(text: hour, fontSize: $fontSize, opacity: clockOpacity, digitColor: digitColor, glowIntensity: glowIntensity, fontFamily: fontFamily, fontWeight: fontWeight, fontDesign: fontDesign, isDisplayMode: isDisplayMode, animationStyle: animationStyle)
-                            .frame(width: segmentWidth)
+                            .frame(width: hourSegmentWidth)
                         ColonView(dotDiameter: dotDiameter, spacing: dotSpacing, opacity: clockOpacity, digitColor: digitColor, glowIntensity: glowIntensity, fontWeight: fontWeight, isHorizontal: false)
                             .frame(width: dotDiameter)
                         TimeSegment(text: minute, fontSize: $fontSize, opacity: clockOpacity, digitColor: digitColor, glowIntensity: glowIntensity, fontFamily: fontFamily, fontWeight: fontWeight, fontDesign: fontDesign, isDisplayMode: isDisplayMode, animationStyle: animationStyle)