diff --git a/frontend/src/business/components/performance/report/PerformanceReportView.vue b/frontend/src/business/components/performance/report/PerformanceReportView.vue
index 646be871b9..00a4a4f7df 100644
--- a/frontend/src/business/components/performance/report/PerformanceReportView.vue
+++ b/frontend/src/business/components/performance/report/PerformanceReportView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="result.loading" class="report-view-container">
+  <div v-loading="result.loading" class="container">
     <div class="main-content">
       <el-card>
         <el-row>
@@ -131,20 +131,6 @@
 </script>
 
 <style scoped>
-  .report-view-container {
-    float: none;
-    text-align: center;
-    padding: 15px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-  }
-
-  .report-view-container .main-content {
-    margin: 0 auto;
-    width: 100%;
-    max-width: 1200px;
-  }
 
   .ms-report-view-btns {
     margin-top: 15px;
diff --git a/frontend/src/business/components/performance/report/PerformanceTestReport.vue b/frontend/src/business/components/performance/report/PerformanceTestReport.vue
index c4ef19c58e..38760aafe1 100644
--- a/frontend/src/business/components/performance/report/PerformanceTestReport.vue
+++ b/frontend/src/business/components/performance/report/PerformanceTestReport.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="testreport-container" v-loading="result.loading">
+  <div class="container" v-loading="result.loading">
 
     <div class="main-content">
       <el-card>
@@ -191,19 +191,6 @@
 
 <style scoped>
 
-  .testreport-container {
-    padding: 15px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-  }
-
-  .main-content {
-    margin: 0 auto;
-    width: 100%;
-    max-width: 1200px;
-  }
-
   .test-content {
     width: 100%;
   }
diff --git a/frontend/src/business/components/performance/test/EditPerformanceTestPlan.vue b/frontend/src/business/components/performance/test/EditPerformanceTestPlan.vue
index f9691ab08b..6f6426840d 100644
--- a/frontend/src/business/components/performance/test/EditPerformanceTestPlan.vue
+++ b/frontend/src/business/components/performance/test/EditPerformanceTestPlan.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="edit-testplan-container" v-loading="result.loading">
+  <div class="container" v-loading="result.loading">
     <div class="main-content">
       <el-card>
         <el-row>
@@ -232,22 +232,8 @@
 </script>
 
 <style scoped>
-  .edit-testplan-container {
-    float: none;
-    text-align: center;
-    padding: 15px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-  }
 
-  .edit-testplan-container .main-content {
-    margin: 0 auto;
-    width: 100%;
-    max-width: 1200px;
-  }
-
-  .edit-testplan-container .testplan-config {
+  .testplan-config {
     margin-top: 15px;
   }
 
diff --git a/frontend/src/business/components/performance/test/PerformanceTestPlan.vue b/frontend/src/business/components/performance/test/PerformanceTestPlan.vue
index efab61384c..8a938d90ca 100644
--- a/frontend/src/business/components/performance/test/PerformanceTestPlan.vue
+++ b/frontend/src/business/components/performance/test/PerformanceTestPlan.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="testplan-container" v-loading="result.loading">
+  <div class="container" v-loading="result.loading">
     <div class="main-content">
       <el-card>
         <template v-slot:header>
@@ -190,18 +190,6 @@
 </script>
 
 <style scoped>
-  .testplan-container {
-    padding: 15px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-  }
-
-  .main-content {
-    margin: 0 auto;
-    width: 100%;
-    max-width: 1200px;
-  }
 
   .test-content {
     width: 100%;