diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index 3eabf3590..b11910ec6 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isModalVisible" class="container modal-loader vh-100 overflow-visible">
+  <div v-if="isModalVisible" class="container-fluid modal-loader vh-100 overflow-visible">
     <div class="row g-2 h-100 d-flex align-items-center">
       <div class="container-fluid">
         <div class="row h-100">
@@ -47,12 +47,16 @@ export default {
 
 <style lang="scss">
 .modal-loader {
+  height: 100%;
+  max-width: 100% !important;//For use with modal only
   background-color: $gray-100;
   z-index: 9999;
   position: absolute;
   width: 100%;
   left: 0;
+  right: 0;
   top: 0;
+  bottom: 0;
   p {
     font-family: Roboto;
   }