diff --git a/js/index.js b/js/index.js
index 2d195ce8..653038f4 100644
--- a/js/index.js
+++ b/js/index.js
@@ -41,8 +41,18 @@ const app = new Vue({
     CcpoApproval,
     LocalDatetime
   },
+
   mounted: function() {
+    this.$on('modalOpen', isOpen => {
+      if (isOpen) {
+        document.body.className += ' modal-open'
+      } else {
+        document.body.className = document.body.className.replace(' modal-open', '')
+      }
+    })
+
     const modalOpen = document.querySelector("#modalOpen")
+
     if (modalOpen) {
       const modal = modalOpen.getAttribute("data-modal")
       this.openModal(modal)
diff --git a/js/mixins/modal.js b/js/mixins/modal.js
index 4f6af652..bb2bba05 100644
--- a/js/mixins/modal.js
+++ b/js/mixins/modal.js
@@ -2,9 +2,11 @@ export default {
   methods: {
     closeModal: function(name) {
       this.modals[name] = false
+      this.$emit('modalOpen', false)
     },
     openModal: function (name) {
       this.modals[name] = true
+      this.$emit('modalOpen', true)
     }
   },
   data: function() {