diff --git a/resources/assets/vue/components/admin-workflow/sections/QuestionAnswerSectionComponent.vue b/resources/assets/vue/components/admin-workflow/sections/QuestionAnswerSectionComponent.vue
index 10b6e9cb..276d877b 100644
--- a/resources/assets/vue/components/admin-workflow/sections/QuestionAnswerSectionComponent.vue
+++ b/resources/assets/vue/components/admin-workflow/sections/QuestionAnswerSectionComponent.vue
@@ -66,6 +66,7 @@
                         <div class="col-1">Created Date</div>
                     </div>
                 </div>
+                <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="questionGroups.length === 0"></loading-component>
                 <list-component style="min-height: 600px;" :key="currentKey" :section="section + 'ListQuestionGroups'" :endpoint="route('api.questionnaires.qa.list')" :options="options" v-if="questionGroups.length > 0">
                     <template slot="list" slot-scope="{data}">
                         <question-answer-component :key="data.id" :data="data"></question-answer-component>