diff --git a/src/common-components/modal/modal.vue b/src/common-components/modal/modal.vue
index 8c36cc5ea..cd618ba45 100644
--- a/src/common-components/modal/modal.vue
+++ b/src/common-components/modal/modal.vue
@@ -3,13 +3,13 @@
   <div class="modal fade modal-component" :id="this.cmsWidgetName" tabindex="-1" aria-labelledby="ModalComponentLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
-        <div class="modal-body px-4 py-5">
+        <div class="modal-body ps-4 pe-4 pt-5 pb-4">
           <img :src="this.ModalImage" class="w-100 mb-4" alt="" />
           <h5 class="mb-4" v-html="this.ModalHeadline"></h5>
           <p class="fw-bold mb-2 subheader-text" v-html="this.ModalSubheadertext"></p>
           <p class="mb-0" v-html="this.ModalBodyText"></p>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer pt-4 pb-5">
           <button class="btn btn-secondary w-100" data-bs-dismiss="modal" v-html="this.ModalCloseButtonText"></button>
         </div>
       </div>
@@ -65,6 +65,9 @@ export default {
     }
     .modal-footer {
       border-top: none;
+      button {
+        margin: 0;
+      }
     }
   }
 }