Got Delayed in the Suez Canal

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

@@ -40,6 +40,10 @@
     line-height: normal;
 }
 
+.timeAndGrid {
+    display: flex;
+}
+
 .timeColumn {
     display: flex;
     min-height: 573px;

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

@@ -31,6 +31,7 @@ const Calendar: React.FC = (props) => {
         ))}
       </div>
       {/* Displaying the rest of the calendar */}
+      <div className={styles.timeAndGrid}>
         <div className={styles.timeColumn}>
           {hoursOfDay.map((hour) => (
             <div key={hour} className={styles.timeLabelContainer}>
@@ -43,7 +44,7 @@ const Calendar: React.FC = (props) => {
             row
           ))}
         </div>
-
+      </div>
     </div>
   )
 };