diff --git a/resources/js/components/shared/Modal.vue b/resources/js/components/shared/Modal.vue
index 417fbf75bb..53243d0173 100644
--- a/resources/js/components/shared/Modal.vue
+++ b/resources/js/components/shared/Modal.vue
@@ -70,7 +70,8 @@
     </template>
     <slot></slot>
     <template v-if="setCustomButtons" #modal-footer>
-      <div class="d-flex justify-content-end align-items-center w-100">
+      <div class="d-flex align-items-center w-100"
+        :class="{'justify-content-end': !showAiSlogan, 'justify-content-between': showAiSlogan}">
         <div v-if="showAiSlogan" class="slogan">
           <img src="/img/favicon.svg"> {{ $t("Powered by ProcessMaker AI") }}
         </div>
diff --git a/resources/js/processes/translations/components/CreateProcessTranslationModal.vue b/resources/js/processes/translations/components/CreateProcessTranslationModal.vue
index 21caa57e1e..162924d2dd 100644
--- a/resources/js/processes/translations/components/CreateProcessTranslationModal.vue
+++ b/resources/js/processes/translations/components/CreateProcessTranslationModal.vue
@@ -159,7 +159,7 @@ export default {
         {'content': '< Back', 'action': 'showSelectTargetLanguage', 'variant': 'link', 'disabled': false, 'hidden': true, 'ariaLabel': 'Back to select language'},
       ],
       customModalButtons: [
-        {'content': 'Cancel', 'action': 'hide()', 'variant': 'outline-secondary', 'disabled': false, 'hidden': false},
+        {'content': 'Close', 'action': 'hide()', 'variant': 'outline-secondary', 'disabled': false, 'hidden': false},
         {'content': 'Translate Process', 'action': 'translate', 'variant': 'secondary', 'disabled': true, 'hidden': false, 'dataTest': 'translation-translate-process'},
         {'content': 'Save Translation', 'action': 'saveTranslations', 'variant': 'secondary', 'disabled': false, 'hidden': true, 'dataTest': 'translation-save-translation-button'},
       ],