THEY'RE EVOLVING CUBES

src/views/components/common/CalendarGrid/CalendarGrid.tsx

@@ -33,9 +33,7 @@ const Calendar: React.FC = (props) => {
       {/* Displaying the rest of the calendar */}
       <div className={styles.calendarGrid}>
         {grid.map((row, rowIndex) => (
-          <div className={styles.row} key={rowIndex}>
+          row
-            {row}
-          </div>
         ))}
       </div>
 

src/views/components/common/CalendarGridCell/CalendarGridCell.module.scss

@@ -1,6 +1,12 @@
 .calendarCell {
-  flex: 1;
+  display: flex;
-  border: 1px solid #ddd;
+  width: 165px;
-  min-height: 50px; 
+  height: 52.231px;
+  min-width: 45px;
+  min-height: 40px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  border: 1px solid #DADCE0;
 }
   

src/views/components/common/CalendarGridCell/CalendarGridCell.tsx

@@ -9,7 +9,7 @@ const CalendarCell: React.FC = (props) => {
   return (
     <div className={styles.calendarCell}>
       <div className={styles.hourLine}>
-        TEMP
+
       </div>
     </div>
   );