diff --git a/packages/survey-angular-ui/src/survey-content.component.html b/packages/survey-angular-ui/src/survey-content.component.html
index 1c07b1fd7a..6709d9adc9 100644
--- a/packages/survey-angular-ui/src/survey-content.component.html
+++ b/packages/survey-angular-ui/src/survey-content.component.html
@@ -29,10 +29,10 @@
             </div>
             <ng-template [component]="{ name: 'sv-components-container', data: { survey: model, container: 'right' } }"></ng-template>
           </div>
-          <ng-template [component]="{ name: 'sv-components-container', data: { survey: model, container: 'footer', needRenderWrapper: false } }"></ng-template>
           <div *ngIf="model.state === 'completed' && model.showCompletedPage" [class]="model.completedCss"
             [innerHtml]="model.processedCompletedHtml | safeHtml"></div>
           <ng-template *ngIf="model.state === 'completed' && model.showCompletedPage" [component]="{ name: 'sv-components-container', data: { survey: model, container: 'completePage' } }"></ng-template>
+          <ng-template [component]="{ name: 'sv-components-container', data: { survey: model, container: 'footer', needRenderWrapper: false } }"></ng-template>
           <div *ngIf="model.state === 'completedbefore'" [class]="model.completedBeforeCss"
             [innerHtml]="model.processedCompletedBeforeHtml | safeHtml"></div>
           <div *ngIf="model.state === 'loading'" [class]="model.loadingBodyCss" [innerHtml]="model.processedLoadingHtml"></div>
diff --git a/packages/survey-vue3-ui/src/Survey.vue b/packages/survey-vue3-ui/src/Survey.vue
index 68118d43e7..c43124c205 100644
--- a/packages/survey-vue3-ui/src/Survey.vue
+++ b/packages/survey-vue3-ui/src/Survey.vue
@@ -86,12 +86,6 @@
               ></SvComponent>
             </div>
           </template>
-          <SvComponent
-            :is="'sv-components-container'"
-            :survey="vueSurvey"
-            :container="'footer'"
-            :needRenderWrapper="false"
-          ></SvComponent>
           <div v-if="hasCompletedPage">
             <div
               v-html="getProcessedCompletedHtml()"
@@ -104,6 +98,12 @@
               :needRenderWrapper="true"
             ></SvComponent>
           </div>
+          <SvComponent
+            :is="'sv-components-container'"
+            :survey="vueSurvey"
+            :container="'footer'"
+            :needRenderWrapper="false"
+          ></SvComponent>
           <div
             v-if="vueSurvey.state === 'completedbefore'"
             :class="vueSurvey.completedBeforeCss"