diff --git a/frappe/public/js/frappe/views/calendar/calendar.js b/frappe/public/js/frappe/views/calendar/calendar.js
index 6fa8f85047..83e8651b9f 100644
--- a/frappe/public/js/frappe/views/calendar/calendar.js
+++ b/frappe/public/js/frappe/views/calendar/calendar.js
@@ -166,8 +166,9 @@ frappe.views.Calendar = class Calendar {
 			this.$wrapper,
 			__("Select or drag across time slots to create a new event.")
 		);
-		this.footnote_area.css({ "border-top": "0px" });
-
+		this.footnote_area.addClass("px-4 pb-4").css({
+			"border-top": "0px",
+		});
 		this.fullCalendar = new frappe.FullCalendar(this.$cal[0], this.cal_options);
 		this.fullCalendar.render();