diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
index 3973d8b4..cafbf52f 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
@@ -2,7 +2,7 @@
     --Primary-Colors-Burnt-Orange: #BF5700;
 }
 
-.day-label-container {
+.dayLabelContainer {
     display: flex;
     height: 13px;
     min-width: 40px;
@@ -14,7 +14,7 @@
     flex: 1 0 0;
 }
 
-.day-label {
+.dayLabel {
     color: var(--Primary-Colors-Burnt-Orange);
     text-align: center;
     font-family: Roboto;
@@ -30,13 +30,13 @@
     gap: 10px;
 }
 
-.day {
+.dayy {
     display: grid;
     grid-template-columns: auto repeat(14, 1fr);
     gap: 5px;
 }
 
-.time-block {
+.timeBlock {
     display: flex;
     width: 50px;
     height: 40.279px;
@@ -48,7 +48,7 @@
     align-items: flex-end;
 }
 
-.time-label-container {
+.timeLabelContainer {
     display: flex;
     max-height: 20px;
     flex-direction: column;
diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
index d5a47709..08b405fd 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.tsx
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import styles from './CalendarGrid.module.scss';
 import CalendarCell from '../CalendarGridCell/CalendarGridCell';
 
-const Calendar: React.FC = () => {
+const Calendar: React.FC = (props) => {
     const daysOfWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'];
     const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
   
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
index 2a1b29fc..52db015a 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
@@ -1,4 +1,4 @@
-.calendar-cell {
+.calendarCell {
     display: flex;
     width: 165px;
     height: 52.231px;
@@ -10,7 +10,7 @@
     position: relative;
   }
   
-  .hour-line {
+  .hourLine {
     position: absolute;
     left: 0;
     right: 0;
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
index 17c9853f..be399c46 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './CalendarGridCell.module.scss';
 
-const CalendarCell: React.FC = () => {
+const CalendarCell: React.FC = (props) => {
   return (
     <div className={styles['calendar-cell']}>
       <div className={styles['hour-line']}></div>