diff --git a/static/js/calendar.js b/static/js/calendar.js
index 08f3444..15fbe6b 100644
--- a/static/js/calendar.js
+++ b/static/js/calendar.js
@@ -29,6 +29,10 @@ document.addEventListener('DOMContentLoaded', () => {
   }
 
   if (modalElement && window.bootstrap) {
+    if (modalElement.parentElement !== document.body) {
+      document.body.appendChild(modalElement);
+    }
+
     const modal = new window.bootstrap.Modal(modalElement);
     const titleNode = modalElement.querySelector('[data-calendar-title]');
     const bodyNode = modalElement.querySelector('[data-calendar-body]');
diff --git a/staticfiles/js/calendar.js b/staticfiles/js/calendar.js
index 08f3444..15fbe6b 100644
--- a/staticfiles/js/calendar.js
+++ b/staticfiles/js/calendar.js
@@ -29,6 +29,10 @@ document.addEventListener('DOMContentLoaded', () => {
   }
 
   if (modalElement && window.bootstrap) {
+    if (modalElement.parentElement !== document.body) {
+      document.body.appendChild(modalElement);
+    }
+
     const modal = new window.bootstrap.Modal(modalElement);
     const titleNode = modalElement.querySelector('[data-calendar-title]');
     const bodyNode = modalElement.querySelector('[data-calendar-body]');