diff --git a/frontend/src/business/components/track/plan/view/TestPlanView.vue b/frontend/src/business/components/track/plan/view/TestPlanView.vue
index 35cfcc070a..cc00e39757 100644
--- a/frontend/src/business/components/track/plan/view/TestPlanView.vue
+++ b/frontend/src/business/components/track/plan/view/TestPlanView.vue
@@ -24,13 +24,33 @@
     <test-plan-functional v-if="activeIndex === 'functional'" :redirectCharType="redirectCharType"
                           :clickType="clickType" :plan-id="planId" :version-enable="versionEnable" :plan-status="currentPlan.status"
                           ref="testPlanFunctional"/>
-    <test-plan-api v-if="activeIndex === 'api'" :redirectCharType="redirectCharType" :clickType="clickType"
-                   :plan-id="planId" :version-enable="versionEnable" :plan-status="currentPlan.status"/>
-    <test-plan-ui v-if="activeIndex === 'ui'" :redirectCharType="redirectCharType" :clickType="clickType"
-                   :plan-id="planId" :version-enable="versionEnable" :plan-status="currentPlan.status"/>
-    <test-plan-load v-if="activeIndex === 'load'" :redirectCharType="redirectCharType" :clickType="clickType"
-                    :plan-id="planId" :version-enable="versionEnable" :plan-status="currentPlan.status"/>
-    <test-plan-report-content class="plan-report" v-if="activeIndex === 'report'" :plan-id="planId" :version-enable="versionEnable"/>
+    <test-plan-api
+      v-if="activeIndex === 'api'"
+      :redirectCharType="redirectCharType"
+      :clickType="clickType"
+      :plan-id="planId"
+      :version-enable="versionEnable"
+      :plan-status="currentPlan.status"/>
+    <test-plan-ui
+      v-if="activeIndex === 'ui'"
+      :redirectCharType="redirectCharType"
+      :clickType="clickType"
+      :plan-id="planId"
+      :version-enable="versionEnable"
+      :plan-status="currentPlan.status"/>
+    <test-plan-load
+      v-if="activeIndex === 'load'"
+      :redirectCharType="redirectCharType"
+      :clickType="clickType"
+      :plan-id="planId"
+      :version-enable="versionEnable"
+      :plan-status="currentPlan.status"/>
+    <test-plan-report-content
+      class="plan-report"
+      v-if="activeIndex === 'report'"
+      :need-move-bar="true"
+      :plan-id="planId"
+      :version-enable="versionEnable"/>
 
     <is-change-confirm
       @confirm="changeConfirm"
diff --git a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
index bfa744634c..48801974d7 100644
--- a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
@@ -19,6 +19,7 @@
     </ms-main-container>
     <test-plan-report-navigation-bar
       :api-enable="apiEnable"
+      :need-move-bar="needMoveBar"
       :summary-enable="summaryEnable"
       :functional-enable="functionalEnable"
       :load-enable="loadEnable"
@@ -71,7 +72,8 @@ export default {
     isTemplate: Boolean,
     isDb: Boolean,
     shareId: String,
-    reportId: String
+    reportId: String,
+    needMoveBar: Boolean
   },
   data() {
     return {
diff --git a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
index a806620115..1c54b43af9 100644
--- a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
@@ -1,6 +1,12 @@
 <template>
   <div>
-    <ms-drawer class="drawer-content" :visible="true" :size="10" direction="left" :show-full-screen="false" :is-show-close="false">
+    <ms-drawer class="drawer-content"
+               direction="left"
+               :class="{'move-bar' : needMoveBar}"
+               :visible="true"
+               :size="10"
+               :show-full-screen="false"
+               :is-show-close="false">
       <div class="title-item" >
          <span class="title-name">{{$t('test_track.report.content')}}</span>
         <el-tabs tab-position="right" v-model="activeName">
@@ -28,6 +34,7 @@ export default {
     functionalEnable: Boolean,
     apiEnable: Boolean,
     loadEnable: Boolean,
+    needMoveBar: Boolean
   },
   data() {
     return {
@@ -177,6 +184,10 @@ export default {
   overflow: visible !important;
 }
 
+.move-bar {
+  margin-left: 50px;
+}
+
 .drawer-content {
     width: 0px !important;
     padding: 0px !important;