diff --git a/client/src/features/viewers/countdown/Countdown.jsx b/client/src/features/viewers/countdown/Countdown.jsx
index f37618ab7..1c3729ed0 100644
--- a/client/src/features/viewers/countdown/Countdown.jsx
+++ b/client/src/features/viewers/countdown/Countdown.jsx
@@ -106,7 +106,7 @@ export default function Countdown(props) {
             </div>
           </div>
           <div className={style.status}>{runningMessage}</div>
-          <span className={`${style.countdownClock} ${standby ? style.standby : ''}`}>
+          <span className={`${style.countdownClock} ${standby ? style.standby : ''} ${time.finished ? style.finished : ''}`}>
             {formatDisplay(
               time.running ? runningTimer : runningTimer + millisToSeconds(delay),
               time.running || time.waiting
diff --git a/client/src/features/viewers/countdown/Countdown.module.scss b/client/src/features/viewers/countdown/Countdown.module.scss
index 21ef47223..834c3156d 100644
--- a/client/src/features/viewers/countdown/Countdown.module.scss
+++ b/client/src/features/viewers/countdown/Countdown.module.scss
@@ -105,6 +105,9 @@
       &.standby {
         opacity: 0.6;
       }
+      &.finished {
+        color: $ontime-pink-variant;
+      }
     }
   }
 }