Custom: clock-weather-card text justification

Configuration Frontend
1

I really like the custom: clock-weather-card, but there’s one part that is driving me nuts. The 3rd line in the top section is not aligned with the rest of the lines. See the attached screenshot. I’m looking for a way to make the entire block right-justified. Any suggestions?

Screenshot 2024-07-18 134912

2 
type: custom:clock-weather-card
entity: weather.home
sun_entity: sun.sun
weather_icon_type: line
animated_icon: true
forecast_rows: 3
forecast_days: 3
locale: en-AU
time_format: 12
hide_today_section: false
hide_forecast_section: false
hide_clock: false
hide_date: true
card_mod:
  style: |
    clock-weather-card-today-right-wrap-center {
      display: flex;
      justify-content: flex-start;
      padding-left: 42px;
    }                  
    ha-card {
      border-radius: 24px;
      height: 240px !important;
      overflow: hidden;
    }
    .card-content {
      height: 100%;
      transform: translateY(-40px);
    }
3

Any idea how you can make the clock font size smaller ?