diff --git a/packages/design-system/theme/src/common/var.scss b/packages/design-system/theme/src/common/var.scss
index 93d6ef8f61..def499c752 100644
--- a/packages/design-system/theme/src/common/var.scss
+++ b/packages/design-system/theme/src/common/var.scss
@@ -777,7 +777,7 @@ $table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
 /* Pagination
 -------------------------- */
 /// fontSize||Font|1
-$pagination-font-size: 13px;
+$pagination-font-size: var(--font-size-2xs);
 /// color||Color|0
 $pagination-background-color: $color-white;
 /// color||Color|0
diff --git a/packages/design-system/theme/src/pagination.scss b/packages/design-system/theme/src/pagination.scss
index 0bc3c1352d..44948d8b37 100644
--- a/packages/design-system/theme/src/pagination.scss
+++ b/packages/design-system/theme/src/pagination.scss
@@ -193,11 +193,12 @@
 		.btn-prev,
 		.btn-next,
 		.el-pager li {
-			margin: 0 5px;
-			background-color: var.$color-info-lighter;
-			color: var(--color-text-dark);
+			margin: 0 var(--spacing-5xs);
+			background-color: var(--color-background-xlight);
+			color: var(--color-text-base);
 			min-width: 30px;
-			border-radius: 2px;
+			border-radius: var(--border-radius-base);
+			border: var(--border-base);
 
 			&.disabled {
 				color: var(--color-text-lighter);
@@ -216,6 +217,7 @@
 		.el-pager li:not(.disabled) {
 			&:hover {
 				color: var.$pagination-hover-color;
+				background-color: var(--color-foreground-light);
 			}
 
 			&.active {
diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue
index d6b967322b..7ddbc88b36 100644
--- a/packages/editor-ui/src/components/RunData.vue
+++ b/packages/editor-ui/src/components/RunData.vue
@@ -182,11 +182,9 @@
 				background
 				:hide-on-single-page="true"
 				:current-page.sync="currentPage"
-				:small="true"
 				:pager-count="5"
 				:page-size="pageSize"
 				layout="prev, pager, next"
-				:class="$style.pagination"
 				:total="dataCount">
 			</el-pagination>
 		</div>
@@ -831,7 +829,6 @@ export default mixins(
 }
 
 .pagination {
-	position: absolute;
 	width: 100%;
 	display: flex;
 	justify-content: center;