diff --git a/resources/assets/js/components/AkauntingCompanyEdit.vue b/resources/assets/js/components/AkauntingCompanyEdit.vue
index 3a2149b6a..21fae8338 100644
--- a/resources/assets/js/components/AkauntingCompanyEdit.vue
+++ b/resources/assets/js/components/AkauntingCompanyEdit.vue
@@ -222,7 +222,7 @@ export default {
 
                     let documentClasses = document.body.classList;
 
-                    documentClasses.remove("overflow-hidden");
+                    documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                 }
             })
             .catch(error => {
@@ -239,7 +239,7 @@ export default {
 
             let documentClasses = document.body.classList;
 
-            documentClasses.remove("overflow-hidden");
+            documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
         },
     },
 };
diff --git a/resources/assets/js/components/AkauntingContactCard.vue b/resources/assets/js/components/AkauntingContactCard.vue
index 4b335816a..212c5dad6 100644
--- a/resources/assets/js/components/AkauntingContactCard.vue
+++ b/resources/assets/js/components/AkauntingContactCard.vue
@@ -528,7 +528,7 @@ export default {
 
                     let documentClasses = document.body.classList;
 
-                    documentClasses.remove("overflow-hidden");
+                    documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                 }
             })
             .catch(error => {
@@ -544,7 +544,7 @@ export default {
 
             let documentClasses = document.body.classList;
 
-            documentClasses.remove("overflow-hidden");
+            documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
         },
 
         closeIfClickedOutside(event) {
diff --git a/resources/assets/js/components/AkauntingEditItemColumns.vue b/resources/assets/js/components/AkauntingEditItemColumns.vue
index cfd014939..dc0d58b91 100644
--- a/resources/assets/js/components/AkauntingEditItemColumns.vue
+++ b/resources/assets/js/components/AkauntingEditItemColumns.vue
@@ -165,7 +165,7 @@ export default {
 
         let documentClasses = document.body.classList;
 
-        documentClasses.remove("overflow-hidden");
+        documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
     },
   },
 };
diff --git a/resources/assets/js/components/AkauntingItemButton.vue b/resources/assets/js/components/AkauntingItemButton.vue
index 792d4e99d..c00572fd1 100644
--- a/resources/assets/js/components/AkauntingItemButton.vue
+++ b/resources/assets/js/components/AkauntingItemButton.vue
@@ -444,7 +444,7 @@ export default {
 
                     let documentClasses = document.body.classList;
 
-                    documentClasses.remove("overflow-hidden");
+                    documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                 }
             })
             .catch(error => {
@@ -463,7 +463,7 @@ export default {
 
             let documentClasses = document.body.classList;
 
-            documentClasses.remove("overflow-hidden");
+            documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
         },
 
         closeIfClickedOutside(event) {
diff --git a/resources/assets/js/components/AkauntingSelect.vue b/resources/assets/js/components/AkauntingSelect.vue
index 03197720c..daa3b503d 100644
--- a/resources/assets/js/components/AkauntingSelect.vue
+++ b/resources/assets/js/components/AkauntingSelect.vue
@@ -693,7 +693,7 @@ export default {
 
                     let documentClasses = document.body.classList;
 
-                    documentClasses.remove("overflow-hidden");
+                    documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                 }
             })
             .catch(error => {
@@ -712,7 +712,7 @@ export default {
 
             let documentClasses = document.body.classList;
 
-            documentClasses.remove("overflow-hidden");
+            documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
         },
 
         addModal() {
diff --git a/resources/assets/js/components/AkauntingSelectRemote.vue b/resources/assets/js/components/AkauntingSelectRemote.vue
index 640d14882..f738c8ad3 100644
--- a/resources/assets/js/components/AkauntingSelectRemote.vue
+++ b/resources/assets/js/components/AkauntingSelectRemote.vue
@@ -915,7 +915,7 @@ export default {
 
                     let documentClasses = document.body.classList;
 
-                    documentClasses.remove("overflow-hidden");
+                    documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                 }
             })
             .catch(error => {
@@ -934,7 +934,7 @@ export default {
 
             let documentClasses = document.body.classList;
 
-            documentClasses.remove("overflow-hidden");
+            documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
         },
 
         addModal() {
diff --git a/resources/assets/js/components/AkauntingWidget.vue b/resources/assets/js/components/AkauntingWidget.vue
index 278e909a4..89e7680bb 100644
--- a/resources/assets/js/components/AkauntingWidget.vue
+++ b/resources/assets/js/components/AkauntingWidget.vue
@@ -253,7 +253,7 @@ export default {
         onCancel() {
             let documentClasses = document.body.classList;	
 
-            documentClasses.remove("overflow-hidden");
+            documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
 
             this.display = false;
             this.form.name = '';
@@ -272,9 +272,9 @@ export default {
             let documentClasses = document.body.classList;
 
             if (val) {
-                documentClasses.add("overflow-hidden");
+                documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4');
             } else {
-                documentClasses.remove("overflow-hidden");
+                documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
             }
         }
     }
diff --git a/resources/assets/js/components/Modal.vue b/resources/assets/js/components/Modal.vue
index 25c45f9c9..7face37b8 100644
--- a/resources/assets/js/components/Modal.vue
+++ b/resources/assets/js/components/Modal.vue
@@ -110,9 +110,9 @@
       show(val) {
         let documentClasses = document.body.classList;
         if (val) {
-          documentClasses.add("overflow-hidden");
+          documentClasses.add('overflow-y-hidden', 'overflow-overlay', '-ml-4');
         } else {
-          documentClasses.remove("overflow-hidden");
+          documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
         }
       }
     }
diff --git a/resources/assets/js/mixins/global.js b/resources/assets/js/mixins/global.js
index 93ddd3eae..b393a4281 100644
--- a/resources/assets/js/mixins/global.js
+++ b/resources/assets/js/mixins/global.js
@@ -627,7 +627,7 @@ export default {
 
                                 let documentClasses = document.body.classList;
 
-                                documentClasses.remove("modal-open");
+                                documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                             },
                         }
                     })
diff --git a/resources/assets/js/views/banking/transactions.js b/resources/assets/js/views/banking/transactions.js
index 6556f6745..d15ef0cd7 100644
--- a/resources/assets/js/views/banking/transactions.js
+++ b/resources/assets/js/views/banking/transactions.js
@@ -110,7 +110,7 @@ const app = new Vue({
 
                                 let documentClasses = document.body.classList;
 
-                                documentClasses.remove("modal-open");
+                                documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                             },
                         }
                     })
diff --git a/resources/assets/js/views/common/documents.js b/resources/assets/js/views/common/documents.js
index 8ef1226d6..ad08dbd63 100644
--- a/resources/assets/js/views/common/documents.js
+++ b/resources/assets/js/views/common/documents.js
@@ -669,7 +669,7 @@ const app = new Vue({
 
                                 let documentClasses = document.body.classList;
 
-                                documentClasses.remove("modal-open");
+                                documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                             },
                         }
                     })
@@ -787,7 +787,7 @@ const app = new Vue({
 
                                 let documentClasses = document.body.classList;
 
-                                documentClasses.remove("modal-open");
+                                documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                             },
                         }
                     })
@@ -844,7 +844,7 @@ const app = new Vue({
 
                                 let documentClasses = document.body.classList;
 
-                                documentClasses.remove("modal-open");
+                                documentClasses.remove('overflow-y-hidden', 'overflow-overlay', '-ml-4');
                             },
                         }
                     })