diff --git a/src/components/CurrentHourIndicator/CurrentHourIndicator.module.css b/src/components/CurrentHourIndicator/CurrentHourIndicator.module.css
deleted file mode 100644
index d2c250035a..0000000000
--- a/src/components/CurrentHourIndicator/CurrentHourIndicator.module.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.round {
-  background-color: red;
-  border-radius: 100%;
-  width: 15px;
-  height: 15px;
-}
-.line {
-  width: 100%;
-  height: 1px;
-  background-color: red;
-  margin: auto;
-}
-.container {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  top: -8px;
-  left: -9px;
-}
diff --git a/src/components/CurrentHourIndicator/CurrentHourIndicator.tsx b/src/components/CurrentHourIndicator/CurrentHourIndicator.tsx
index 98e02bbf5f..7de292988c 100644
--- a/src/components/CurrentHourIndicator/CurrentHourIndicator.tsx
+++ b/src/components/CurrentHourIndicator/CurrentHourIndicator.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from './CurrentHourIndicator.module.css';
+import styles from 'src/style/app.module.css';
 
 /**
  * A component that displays an indicator for the current hour.
@@ -8,9 +8,12 @@ import styles from './CurrentHourIndicator.module.css';
  */
 const CurrentHourIndicator = (): JSX.Element => {
   return (
-    <div className={styles.container} data-testid="container">
-      <div className={styles.round}></div>
-      <div className={styles.line}></div>
+    <div
+      className={styles.currentHourIndicator_container}
+      data-testid="container"
+    >
+      <div className={styles.currentHourIndicator_round}></div>
+      <div className={styles.currentHourIndicator_line}></div>
     </div>
   );
 };
diff --git a/src/style/app.module.css b/src/style/app.module.css
index 7fa5e19d50..3de0345635 100644
--- a/src/style/app.module.css
+++ b/src/style/app.module.css
@@ -55,6 +55,7 @@
   /* Red Shades */
   --red-delete-bg: #f8d6dc;
   --red-delete-text: #ff4d4f;
+  --red-line-bg: #ff0000;
 
   /* Yellow/Orange Shades */
   --loader-color: #febc59;
@@ -226,6 +227,28 @@
   margin-bottom: 3px;
 }
 
+.currentHourIndicator_container {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  top: -8px;
+  left: -9px;
+}
+
+.currentHourIndicator_round {
+  background-color: var(--red-line-bg);
+  border-radius: 100%;
+  width: 15px;
+  height: 15px;
+}
+
+.currentHourIndicator_line {
+  width: 100%;
+  height: 1px;
+  background-color: var(--red-line-bg);
+  margin: auto;
+}
+
 .sidebar {
   z-index: 0;
   padding-top: 5px;