feat: add context length

src/components/seal-form/wrapper/index.tsx

@@ -231,7 +231,12 @@ const Wrapper: FC<WrapperProps> = ({
         onClick={onClick}
       >
         {label && (
-          <Label $isFocus={isFocus} $hasPrefix={hasPrefix} onClick={onClick}>
+          <Label
+            $isFocus={isFocus}
+            $hasPrefix={hasPrefix}
+            onClick={onClick}
+            className="label-wrapper"
+          >
             <LabelInfo
               label={label}
               required={required}

src/components/seal-form/wrapper/slider.ts

@@ -6,6 +6,9 @@ const SliderWrapper = styled.div`
     height: 100%;
     justify-content: center;
   }
+  .label-wrapper {
+    width: 100%;
+  }
 
   .borderless {
     background-color: transparent;
@@ -38,7 +41,7 @@ const SliderWrapper = styled.div`
     .label-val {
       position: absolute !important;
       top: -14px;
-      right: -10px;
+      right: 0px;
       width: 80px;
       border-radius: var(--border-radius-base);
       text-align: center;