diff --git a/api-test/frontend/src/business/automation/report/components/AssertionResults.vue b/api-test/frontend/src/business/automation/report/components/AssertionResults.vue
index 1b3ee1d6d6..a38d3f16bc 100644
--- a/api-test/frontend/src/business/automation/report/components/AssertionResults.vue
+++ b/api-test/frontend/src/business/automation/report/components/AssertionResults.vue
@@ -1,31 +1,34 @@
 <template>
-  <el-table :data="assertions" :row-style="getRowStyle" :header-cell-style="getRowStyle">
-    <el-table-column prop="name" :label="$t('api_report.assertions_name')" width="150" show-overflow-tooltip>
-      <template v-slot:default="scope">
-        <span>{{ !scope.row.name || scope.row.name === 'null' ? "" : scope.row.name }}</span>
-      </template>
-    </el-table-column>
-    <el-table-column prop="content" v-if="showContent" :label="$t('api_report.assertions_content')" width="300" show-overflow-tooltip/>
-    <el-table-column prop="message" :label="$t('api_report.assertions_error_message')"/>
-    <el-table-column prop="pass" :label="$t('api_report.assertions_is_success')" width="180">
-      <template v-slot:default="{row}">
-        <el-tag size="mini" type="success" v-if="row.pass">
-          {{ $t('api_report.success') }}
-        </el-tag>
-        <el-tag size="mini" type="danger" v-else>
-          {{ $t('api_report.fail') }}
-        </el-tag>
-      </template>
-    </el-table-column>
-    <el-table-column prop="script">
-      <template v-slot:default="{row}">
-        <div class="assertion-item btn circle" v-if="row.script">
-          <i class="el-icon-view el-button el-button--primary el-button--mini is-circle" circle
-             @click="showPage(row.script)"/>
-        </div>
-      </template>
-    </el-table-column>
-    <el-dialog :title="$t('api_test.request.assertions.script')" :visible.sync="visible" width="900px" append-to-body>
+  <div>
+    <el-table :data="assertions" :row-style="getRowStyle" :header-cell-style="getRowStyle">
+      <el-table-column prop="name" :label="$t('api_report.assertions_name')" width="150" show-overflow-tooltip>
+        <template v-slot:default="scope">
+          <span>{{ !scope.row.name || scope.row.name === 'null' ? "" : scope.row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="content" v-if="showContent" :label="$t('api_report.assertions_content')" width="300"
+                       show-overflow-tooltip/>
+      <el-table-column prop="message" :label="$t('api_report.assertions_error_message')"/>
+      <el-table-column prop="pass" :label="$t('api_report.assertions_is_success')" width="180">
+        <template v-slot:default="{row}">
+          <el-tag size="mini" type="success" v-if="row.pass">
+            {{ $t('api_report.success') }}
+          </el-tag>
+          <el-tag size="mini" type="danger" v-else>
+            {{ $t('api_report.fail') }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="script">
+        <template v-slot:default="{row}">
+          <div class="assertion-item btn circle" v-if="row.script">
+            <i class="el-icon-view el-button el-button--primary el-button--mini is-circle" circle
+               @click="showPage(row.script)"/>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog :title="$t('api_test.request.assertions.script')" :visible.sync="visible" width="900px" modal-append-to-body append-to-body>
       <el-row type="flex" justify="space-between" align="middle" class="quick-script-block">
         <el-col :span="codeSpan" class="script-content">
           <ms-code-edit v-if="isCodeEditAlive"
@@ -35,7 +38,7 @@
         </el-col>
       </el-row>
     </el-dialog>
-  </el-table>
+  </div>
 </template>
 
 <script>