From fa6b03f959762e4f0dcf49055697a6cfcc48b688 Mon Sep 17 00:00:00 2001
From: James Ritchie <james@jamesritchie.co.uk>
Date: Tue, 28 Nov 2023 15:34:36 +0000
Subject: [PATCH] pricing tiers better fill the size of their container

---
 .../app/components/billing/PricingTiers.tsx       | 15 ++++++---------
 apps/webapp/app/routes/_app.orgs.plan/route.tsx   |  2 +-
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/apps/webapp/app/components/billing/PricingTiers.tsx b/apps/webapp/app/components/billing/PricingTiers.tsx
index 1adb0cbde..4a3e73062 100644
--- a/apps/webapp/app/components/billing/PricingTiers.tsx
+++ b/apps/webapp/app/components/billing/PricingTiers.tsx
@@ -1,12 +1,9 @@
-import { cn } from "~/utils/cn";
-import { Paragraph } from "../primitives/Paragraph";
-import * as Slider from "@radix-ui/react-slider";
-import { Button } from "../primitives/Buttons";
 import { CheckIcon, XMarkIcon } from "@heroicons/react/24/solid";
-import SegmentedControl from "../primitives/SegmentedControl";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../primitives/Tooltip";
-import { Header3 } from "../primitives/Headers";
+import { cn } from "~/utils/cn";
 import { DefinitionTip } from "../DefinitionTooltip";
+import { Button } from "../primitives/Buttons";
+import { Paragraph } from "../primitives/Paragraph";
+import SegmentedControl from "../primitives/SegmentedControl";
 
 const pricingDefinitions = {
   concurrentRuns: {
@@ -45,7 +42,7 @@ export function PricingTiers({
   return (
     <div
       className={cn(
-        "flex w-full flex-col items-center justify-center gap-4 md:flex-row",
+        "flex min-w-full flex-col items-center justify-center gap-4 md:flex-row",
         className
       )}
     >
@@ -145,7 +142,7 @@ export function TierPro() {
           </DefinitionTip>
           , then{" "}
           <DefinitionTip title="Runs volume discount" content={<RunsVolumeDiscountTable />}>
-            {"<"} $1.30/1,000 Runs
+            {"<"} $1.25/1k Runs
           </DefinitionTip>
         </FeatureItem>
         <FeatureItem checked>
diff --git a/apps/webapp/app/routes/_app.orgs.plan/route.tsx b/apps/webapp/app/routes/_app.orgs.plan/route.tsx
index d2f490f43..cd754746d 100644
--- a/apps/webapp/app/routes/_app.orgs.plan/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.plan/route.tsx
@@ -3,7 +3,7 @@ import { parse } from "@conform-to/zod";
 import { ChartBarIcon } from "@heroicons/react/20/solid";
 import type { ActionFunction, LoaderFunctionArgs } from "@remix-run/node";
 import { json, redirect } from "@remix-run/node";
-import { Form, useActionData } from "@remix-run/react";
+import { useActionData } from "@remix-run/react";
 import { typedjson, useTypedLoaderData } from "remix-typedjson";
 import { z } from "zod";
 import { PricingCalculator } from "~/components/billing/PricingCalculator";