diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index 420dcf1c67..57723896fd 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -201,7 +201,8 @@ onUnmounted(() => {
 
   :deep(.ed-input__wrapper) {
     position: relative;
-    padding: 0 38px 0 8px;
+    padding-left: 8px !important;
+    padding-right: 38px !important;
     &::after {
       position: absolute;
       content: '%';
diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBarV3.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBarV3.vue
index 85ee2846d7..182f480bbf 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBarV3.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBarV3.vue
@@ -189,12 +189,15 @@ onUnmounted(() => {
 
   :deep(.ed-input__wrapper) {
     position: relative;
-    padding: 0 38px 0 8px;
+    padding-left: 8px !important;
+    padding-right: 38px !important;
     &::after {
       position: absolute;
       content: '%';
       right: 35px;
-      top: -1px;
+      top: 1px;
+      height: 24px;
+      line-height: 24px;
     }
   }
 }