diff --git a/src/pages/test/components/Range.tsx b/src/pages/test/components/Range.tsx
index 7000289c..19a16247 100644
--- a/src/pages/test/components/Range.tsx
+++ b/src/pages/test/components/Range.tsx
@@ -213,7 +213,7 @@ export const MultiRangeSlider = (
                 [...Array(10)].map((e, n) => (
                   <div key={n} className="ruler-sub-rule absolute"></div>
                 ))}
-              <div className="text-[6px] absolute font-bold m-auto text-center text-neutral-600 flex-col">
+              <div className="text-[10px] absolute font-bold -ml-2 text-center text-neutral-300 flex-col w-4">
                 {i * step}
               </div>
             </div>
diff --git a/src/pages/test/components/multirangeslider.css b/src/pages/test/components/multirangeslider.css
index 04676912..8a92e103 100644
--- a/src/pages/test/components/multirangeslider.css
+++ b/src/pages/test/components/multirangeslider.css
@@ -119,7 +119,7 @@
 }
 .multi-range-slider .ruler .ruler-rule {
 	border-left: solid 1px;
-	border-color: #525252;
+	border-color: white;
 
 	display: flex;
 	flex-grow: 1;
@@ -128,13 +128,13 @@
 }
 .multi-range-slider .ruler .ruler-rule:last-child {
 	border-right: solid 1px;
-	border-color: #525252;
+	border-color: white;
 
 }
 
 .multi-range-slider .ruler .ruler-sub-rule {
 	border-left: solid 1px;
-	border-color: #525252;
+	border-color: white;
 
 	/* border-bottom: solid 1px; */
 	display: flex;