diff --git a/src/html/AlertManagement.vue b/src/html/AlertManagement.vue
index de5839d..19084ea 100644
--- a/src/html/AlertManagement.vue
+++ b/src/html/AlertManagement.vue
@@ -14,9 +14,9 @@
       </span>
     </el-row>
     <el-row class="table-row">
-      <el-col :span="24">
+      <el-col :span="24" class="table-col">
         <div class="table-container">
-          <el-table :data="tableData" style="width:100%; height: 100%;" header-row-class-name="table-header" :fit="true">
+          <el-table :data="tableData"  header-row-class-name="table-header" :fit="true" height="580">
             <el-table-column prop="id" label="告警编号" min-width="100"></el-table-column>
             <el-table-column label="告警类型" min-width="150">
               <template v-slot="scope">
@@ -305,9 +305,9 @@ onMounted(async () => {
 }
 
 .table-container {
-  width: 100%;
-  height: 620px;
-  min-height: 60%;
+  max-width: 100%;
+  /* min-height: 50vh; */
+  /* max-height: 70vh; */
   overflow-x: auto;
 }
 
@@ -343,6 +343,10 @@ onMounted(async () => {
   padding: 10px;
 }
 
+.table-col{
+  max-height:100%;
+}
+
 .video-item video,
 .image-item img {
   width: 100%;
@@ -360,8 +364,9 @@ onMounted(async () => {
 
 .pagination-container {
   display: flex;
-  justify-content: flex-end;
+  justify-content: flex-start;
   background-color: #e8e9e4;
+  padding-left: 20px;
 }
 
 ::v-deep .pagination-container .el-pagination__total,