diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
index cf84fed5..d2e180b2 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.module.scss
@@ -24,8 +24,8 @@
 }
 
 .calendar {
-    display: grid;
-    grid-template-columns: auto repeat(5, 1fr);
+    // display: grid;
+    // grid-template-columns: auto repeat(5, 1fr);
     gap: 10px;
 }
 
diff --git a/src/views/components/common/CalendarGrid/CalendarGrid.tsx b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
index 5ffd56fb..95226ce1 100644
--- a/src/views/components/common/CalendarGrid/CalendarGrid.tsx
+++ b/src/views/components/common/CalendarGrid/CalendarGrid.tsx
@@ -41,6 +41,11 @@ const Calendar: React.FC = (props) => {
         ))}
       </div> */}
 
+      {grid.map((row, rowIndex) => (
+        <div className={styles.row} key={rowIndex}>
+          {row}
+        </div>
+      ))}
     </div>
   )
 };
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
index 87e61673..93edd33d 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss
@@ -1,18 +1,5 @@
 .calendarCell {
-    display: flex;
-    width: 165px;
-    height: 52.231px;
-    min-width: 45px;
-    min-height: 40px;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-}
-
-.hourLine {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 50%;
-    border-top: 1px solid black; /* Adjust line styles as needed */
+    flex: 1;
+    border: 1px solid #ddd;
+    min-height: 50px;
 }
diff --git a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
index 8f48e051..510f122e 100644
--- a/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
+++ b/src/views/components/common/CalendarGridCell/CalendarGridCell.tsx
@@ -5,12 +5,14 @@ import styles from './CalendarGridCell.module.scss';
  * Component representing each 1 hour time block of a calendar
  * @param props
  */
-const CalendarCell: React.FC = props => {
-    return (
-        <div className={styles.calendarCell}>
-            <div className={styles.hourLine}></div>
-        </div>
-    );
+const CalendarCell: React.FC = (props) => {
+  return (
+    <div className={styles.calendarCell}>
+      <div className={styles.hourLine}>
+        TEMP
+      </div>
+    </div>
+  );
 };
 
 export default CalendarCell;