diff --git a/src/Wcapacity/percentBar/index.scss b/src/Wcapacity/percentBar/index.scss
index 6252fdf8..52102cd8 100644
--- a/src/Wcapacity/percentBar/index.scss
+++ b/src/Wcapacity/percentBar/index.scss
@@ -4,7 +4,7 @@ $wcapacity-prefix: '.#{$base-name}.#{$base-prefix}-wcapacity';
 $bg-color: getVar(widgets-color-container-background, $widgets-color-container-background);
 $label-size: getVar(widgets-font-size-6, $widgets-font-size-6);
 $unit-size: getVar(widgets-font-size-2, $widgets-font-size-2);
-$guide-size: getVar(widgets-font-size-3, $widgets-font-size-3);
+$label-medium-size: getVar(widgets-font-size-3, $widgets-font-size-3);
 $title-size: getVar(widgets-font-size-1, $widgets-font-size-1);
 $label-color: getVar(widgets-numbercard-color-text, $widgets-numbercard-color-text);
 $title-color: getVar(widgets-color-text-2, $widgets-color-text-2);
@@ -63,9 +63,9 @@ $error-background: getVar(widgets-capacity-background-error, $widgets-capacity-b
 
         #{$wcapacity-prefix}-bar-guide-text {
           text-align: left;
-          font-size: $guide-size;
+          font-size: $title-size;
           position: relative;
-          top: -24px;
+          top: -20px;
           left: 8px;
         }
       }
@@ -96,7 +96,7 @@ $error-background: getVar(widgets-capacity-background-error, $widgets-capacity-b
         color: $label-color;
 
         &.medium {
-          font-size: $guide-size;
+          font-size: $label-medium-size;
         }
 
         &.large {