diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 754715f32..d5202c53d 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -5,7 +5,7 @@
 .cell {
     position: relative;
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     justify-content: space-between;
     gap: 0.5rem;
     background-color: var(--overlay-color);
@@ -28,9 +28,8 @@
 
     .heading {
         position: relative;
-        flex: 1 1 40%;
         display: flex;
-        align-items: flex-start;
+        align-items: center;
 
         .day {
             flex: none;
@@ -65,7 +64,7 @@
             justify-content: center;
             height: 100%;
             aspect-ratio: 2 / 3;
-            border-radius: calc(var(--border-radius) /2);
+            border-radius: calc(var(--border-radius) / 2);
             max-height: 100%;
             max-width: 100%;
 
@@ -118,11 +117,11 @@
 
     &.today {
         .heading {
+            padding: 0.3rem;
             .day {
-                width: auto;
                 background-color: var(--primary-accent-color);
-                height: auto;
-                padding: 0.3rem;
+                height: 1.5rem;
+                width: 1.5rem;
             }
         }
     }
@@ -138,15 +137,14 @@
     }
 }
 
-@media only screen and (max-width: @minimum) and (orientation: portrait) {
-  .cell{
-    .items{
-        .item{
-            pointer-events: none;
+@media only screen and (max-width: @minimum) {
+    .cell {
+        .items {
+            .item {
+                pointer-events: none;
+            }
         }
-
     }
-  }
 }
 
 @media @phone-portrait {
@@ -157,10 +155,8 @@
         .items {
             padding: 1px;
             gap: 0.15rem;
-            justify-content: space-evenly;
 
             .item {
-                width: 100%;
                 pointer-events: none;
             }
         }
@@ -169,7 +165,7 @@
 
 @media @phone-landscape {
     .cell {
-        flex-direction: row;
+        flex-direction: column;
 
         .items {
             padding: 1px;
@@ -186,10 +182,11 @@
 @media only screen and (max-height: @medium) and (max-width: @medium) and (orientation: landscape) {
     .cell {
         gap: 0;
-        flex-direction: row;
+        flex-direction: column;
 
         .heading {
             .day {
+                padding: 0;
                 font-size: 0.875rem;
             }
         }
@@ -201,25 +198,11 @@
 }
 
 @media only screen and (max-width: @minimum) and (orientation: portrait) and (pointer: fine) {
-  .cell {
-      position: relative;
-      flex-direction: row;
-      display: flex;
+    .cell {
+        display: flex;
 
-      .items{
-          .item{
-              pointer-events: none;
-          }
-      }
-
-      .heading {
-          display: flex;
-          gap: 0.25rem;
-          width: auto; 
-          .day{
-              font-size: 0.6rem;
-          }
-
-      }
-  }
+        .heading {
+            flex: 1 1 33%;
+        }
+    }
 }