diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
index be399c46..5cebfc15 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
@@ -3,8 +3,8 @@ import styles from './CalendarGridCell.module.scss';
 
 const CalendarCell: React.FC = (props) => {
   return (
-    <div className={styles['calendar-cell']}>
-      <div className={styles['hour-line']}></div>
+    <div className={styles.calendarCell}>
+      <div className={styles.hourLine}></div>
     </div>
   );
 };