diff --git a/src/components/toolbox/countdown-timer/countdown-timer.module.css b/src/components/toolbox/countdown-timer/countdown-timer.module.css
index fdbd99d..8e73cc6 100644
--- a/src/components/toolbox/countdown-timer/countdown-timer.module.css
+++ b/src/components/toolbox/countdown-timer/countdown-timer.module.css
@@ -1 +1,6 @@
-/* WIP */
+.title {
+  margin-bottom: 16px;
+  font-family: var(--font-heading);
+  font-size: var(--font-md);
+  font-weight: 600;
+}
diff --git a/src/components/toolbox/countdown-timer/countdown-timer.tsx b/src/components/toolbox/countdown-timer/countdown-timer.tsx
index 3be8a4b..64642e7 100644
--- a/src/components/toolbox/countdown-timer/countdown-timer.tsx
+++ b/src/components/toolbox/countdown-timer/countdown-timer.tsx
@@ -3,6 +3,8 @@ import { Modal } from '@/components/modal';
 import { Form } from './form';
 import { Timers } from './timers';
 
+import styles from './countdown-timer.module.css';
+
 interface TimerProps {
   onClose: () => void;
   show: boolean;
@@ -11,6 +13,7 @@ interface TimerProps {
 export function CountdownTimer({ onClose, show }: TimerProps) {
   return (
     <Modal show={show} onClose={onClose}>
+      <h2 className={styles.title}>Countdown Timer</h2>
       <Form />
       <Timers />
     </Modal>
diff --git a/src/components/toolbox/countdown-timer/timers/timers.module.css b/src/components/toolbox/countdown-timer/timers/timers.module.css
index e8cc2c6..03a3c05 100644
--- a/src/components/toolbox/countdown-timer/timers/timers.module.css
+++ b/src/components/toolbox/countdown-timer/timers/timers.module.css
@@ -8,8 +8,9 @@
     margin-bottom: 16px;
 
     & .title {
-      font-family: var(--font-display);
-      font-size: var(--font-lg);
+      font-family: var(--font-heading);
+      font-size: var(--font-md);
+      font-weight: 600;
       line-height: 1;
     }