diff --git a/magic-api-plugins/magic-api-plugin-component/src/console/src/components/magic-component-info.vue b/magic-api-plugins/magic-api-plugin-component/src/console/src/components/magic-component-info.vue
index f3234cf0..e8c418d7 100644
--- a/magic-api-plugins/magic-api-plugin-component/src/console/src/components/magic-component-info.vue
+++ b/magic-api-plugins/magic-api-plugin-component/src/console/src/components/magic-component-info.vue
@@ -29,8 +29,8 @@ const info = inject('info')
 .magic-component-info form label{
 	display: inline-block;
 	width: 75px;
-	height: 22px;
-	line-height: 22px;
+	height: var(--magic-input-height);
+	line-height: var(--magic-input-height);
 	font-weight: 400;
 	text-align: right;
 	padding: 0 5px;
diff --git a/magic-api-plugins/magic-api-plugin-task/src/console/src/components/magic-task-info.vue b/magic-api-plugins/magic-api-plugin-task/src/console/src/components/magic-task-info.vue
index b8e339e8..e3a07a8d 100644
--- a/magic-api-plugins/magic-api-plugin-task/src/console/src/components/magic-task-info.vue
+++ b/magic-api-plugins/magic-api-plugin-task/src/console/src/components/magic-task-info.vue
@@ -33,8 +33,8 @@ const info = inject('info')
 .magic-task-info form label{
 	display: inline-block;
 	width: 75px;
-	height: 22px;
-	line-height: 22px;
+	height: var(--magic-input-height);
+	line-height: var(--magic-input-height);
 	font-weight: 400;
 	text-align: right;
 	padding: 0 5px;