diff --git a/frontend/src/views/system/member/index.vue b/frontend/src/views/system/member/index.vue
index 7c833e1a..6d32cb67 100644
--- a/frontend/src/views/system/member/index.vue
+++ b/frontend/src/views/system/member/index.vue
@@ -231,7 +231,7 @@ const handleCurrentChange = (val: number) => {
         </el-button>
       </div>
     </div>
-    <div class="table-content" :class="multipleSelectionAll.length && 'show-pagenation_height'">
+    <div class="table-content" :class="multipleSelectionAll.length && 'show-pagination_height'">
       <div class="preview-or-schema">
         <el-table
           ref="multipleTableRef"
@@ -396,7 +396,7 @@ const handleCurrentChange = (val: number) => {
     max-height: calc(100% - 104px);
     overflow-y: auto;
 
-    &.show-pagenation_height {
+    &.show-pagination_height {
       max-height: calc(100% - 165px);
     }
 
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index 59f40982..5065908b 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -42,7 +42,7 @@
       class="sqlbot-table"
       :class="[
         state.filterTexts.length && 'is-filter',
-        multipleSelectionAll.length && 'show-pagenation_height',
+        multipleSelectionAll.length && 'show-pagination_height',
       ]"
     >
       <filter-text
@@ -860,7 +860,7 @@ onMounted(() => {
     max-height: calc(100vh - 150px);
     overflow-y: auto;
 
-    &.show-pagenation_height {
+    &.show-pagination_height {
       max-height: calc(100vh - 215px);
     }
 
diff --git a/frontend/src/views/system/workspace/index.vue b/frontend/src/views/system/workspace/index.vue
index 14c69918..cbfc9a1b 100644
--- a/frontend/src/views/system/workspace/index.vue
+++ b/frontend/src/views/system/workspace/index.vue
@@ -395,7 +395,7 @@ const handleCurrentChange = (val: number) => {
           </el-input>
         </div>
       </div>
-      <div class="table-content" :class="multipleSelectionAll.length && 'show-pagenation_height'">
+      <div class="table-content" :class="multipleSelectionAll.length && 'show-pagination_height'">
         <div class="preview-or-schema">
           <el-table
             ref="multipleTableRef"
@@ -732,7 +732,7 @@ const handleCurrentChange = (val: number) => {
       height: calc(100% - 168px);
       overflow-y: auto;
 
-      &.show-pagenation_height {
+      &.show-pagination_height {
         height: calc(100% - 220px);
       }