From b47c109cc1f23b43079e573c9155e8f2a13da4bb Mon Sep 17 00:00:00 2001
From: Riya Gandhi <griya2001@gmail.com>
Date: Mon, 18 Sep 2023 14:28:32 -0500
Subject: [PATCH] Fixed Issue #68: Tick Mark Legibility

---
 src/pages/test/components/Range.tsx            | 2 +-
 src/pages/test/components/multirangeslider.css | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

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;