diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 396678f40a..5587fe3e78 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -419,13 +419,13 @@ Hide subsequent headers in week view with non-consolidated owners
   top: 2em;
 }
 #calendar-view_view.hideDayColHeader tr:first-of-type .calendar_calGridHeader .calendar_calDayColHeader_spacer {
-  height: calc(33.5em);
+  height: calc(1.5em + 32px);
 }
 #calendar-view_view.hideDayColHeader tr .calendar_calGridHeader > span.et2_label {
   white-space: nowrap;
   display: block;
   position: static;
-  width: calc(42%);
+  width: calc(100% - 58px);
   margin-left: 58px;
   color: white;
   background-color: #2D6393;
@@ -2940,7 +2940,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
     width: 50px;
   }
   #calendar-toolbar .nm-mob-header #calendar-toolbar_toolbar {
-    width: calc(0%);
+    width: calc(100% - 100px);
     display: inline-block;
     padding: 0px !important;
   }
diff --git a/calendar/templates/mobile/app.less b/calendar/templates/mobile/app.less
index 3b6a9d3c9c..e3a5b75fcb 100644
--- a/calendar/templates/mobile/app.less
+++ b/calendar/templates/mobile/app.less
@@ -110,7 +110,7 @@
 				width: 50px;
 			}
 			#calendar-toolbar_toolbar{
-				width: calc(100% - 100px);
+				width: ~"calc(100% - 100px)";
 				display: inline-block;
 				padding: 0px !important;
 				#toolbar-actionlist {