diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 461d144ae..58260e831 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -27,17 +27,17 @@
                 </div>
                 <div class="modal-body ps-5 pe-5 pb-4 pt-1">
                     <slot></slot>
-                    <div class="modal-footer">
-                        <modalButtonMain
-                            isPrimary
-                            class="w-100"
-                            :id="modalId + '-modalbtn'"
-                            ref="modalButtonMain"
-                            loaderColor="white"
-                            :buttonText="footerButtonText"
-                            @click-event="validateAndEmit"
-                            :class="isFooterButtonDisabled && 'form-test-invalid'" />
-                    </div>
+                </div>
+                <div class="modal-footer">
+                    <modalButtonMain
+                        isPrimary
+                        class="w-100"
+                        :id="modalId + '-modalbtn'"
+                        ref="modalButtonMain"
+                        loaderColor="white"
+                        :buttonText="footerButtonText"
+                        @click-event="validateAndEmit"
+                        :class="isFooterButtonDisabled && 'form-test-invalid'" />
                 </div>
             </div>
         </div>
@@ -173,7 +173,7 @@ export default {
         }
     }
     .modal-footer {
-        padding: 1rem 0;
+        padding: 1rem 1.5rem;
         position: sticky;
         width: 100%;
         bottom: 0;