diff --git a/apps/client/src/widgets/collections/calendar/index.css b/apps/client/src/widgets/collections/calendar/index.css
index 08856c788..e8e0b56dd 100644
--- a/apps/client/src/widgets/collections/calendar/index.css
+++ b/apps/client/src/widgets/collections/calendar/index.css
@@ -70,6 +70,8 @@
 
 .calendar-view .collection-properties {
     .center-container {
+        order: 100;
+
         .title {
             min-width: 150px;
             font-size: 1.2em;
@@ -78,8 +80,18 @@
     }
 
     @media (max-width: 991px) {
+        >div {
+            justify-content: flex-start;
+        }
+
+        .right-container {
+            flex-grow: 0;
+        }
+
         .center-container {
-            padding: 0.5em 0;
+            .title {
+                flex-grow: 1;
+            }
         }
     }
 }
diff --git a/apps/client/src/widgets/note_bars/CollectionProperties.css b/apps/client/src/widgets/note_bars/CollectionProperties.css
index fda0714ac..bf06067f5 100644
--- a/apps/client/src/widgets/note_bars/CollectionProperties.css
+++ b/apps/client/src/widgets/note_bars/CollectionProperties.css
@@ -30,6 +30,8 @@
 
     @media (max-width: 991px) {
         flex-wrap: wrap;
+        padding: 0.55em 1em;
+        margin: 0;
 
         >div {
             flex-grow: 1;