From 1db5a85c1905abfa0dd42c945a6ec7f0d23aff6a Mon Sep 17 00:00:00 2001
From: James Ritchie <james@jamesritchie.co.uk>
Date: Thu, 23 Nov 2023 14:04:54 +0000
Subject: [PATCH] Fixed alignment of the legend

---
 apps/webapp/app/components/billing/PricingCalculator.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/webapp/app/components/billing/PricingCalculator.tsx b/apps/webapp/app/components/billing/PricingCalculator.tsx
index f136214d8..f62ccd14e 100644
--- a/apps/webapp/app/components/billing/PricingCalculator.tsx
+++ b/apps/webapp/app/components/billing/PricingCalculator.tsx
@@ -54,7 +54,7 @@ function ConcurrentRunsSlider() {
               aria-label="Concurrent Runs slider"
             />
           </Slider.Root>
-          <div className="-ml-1 flex w-[calc(100%+2rem)] items-center justify-between">
+          <div className="-ml-2.5 flex w-[calc(100%+2rem)] items-center justify-between">
             {concurrentRuns.map((run, i) => {
               const concurrrentRunsLabels = Object.values(run)[0];
               return (
@@ -117,7 +117,7 @@ function RunsSlider() {
               aria-label="Concurrent Runs slider"
             />
           </Slider.Root>
-          <div className="-ml-0.5 flex w-[calc(100%+1rem)] items-center justify-between">
+          <div className="flex w-[calc(100%+1rem)] items-center justify-between">
             {Runs.map((run, i) => {
               const RunsLabels = Object.values(run)[0];
               return (