diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index b475555409..308a8e44df 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -388,7 +388,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 	max-height: 400px;
 }
 .calendar_calDayTodos {
-	width: 250px;
+	width: 98%;
 	margin-left: 10px;
 	border: 1px solid silver;
 }
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index d9710bfffb..7ec5d7e634 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -394,7 +394,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   max-height: 400px;
 }
 .calendar_calDayTodos {
-  width: 250px;
+  width: 98%;
   margin-left: 10px;
   border: 1px solid silver;
 }
@@ -1735,7 +1735,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   background-color: #189800 !important;
 }
 .calendar_calDayTodos {
-  width: 250px;
+  width: 98%;
   margin-left: 10px;
   border: 1px solid silver;
 }
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 0dbc92a8bb..aa95017ecd 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -1189,7 +1189,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 
 }
 .calendar_calDayTodos {
-    width: 250px;
+    width: 98%;
     margin-left: 10px;
     border: 1px solid silver;
 }