diff --git a/apps/webapp/app/components/stories/PricingCalculator.stories.tsx b/apps/webapp/app/components/stories/PricingCalculator.stories.tsx
deleted file mode 100644
index 17b9326e7..000000000
--- a/apps/webapp/app/components/stories/PricingCalculator.stories.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { PricingCalculator } from "../billing/PricingCalculator";
-import { RunsVolumeDiscountTable } from "../billing/RunsVolumeDiscountTable";
-
-const meta: Meta<typeof Calculator> = {
-  title: "Billing/PricingCalculator",
-  component: Calculator,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof Calculator>;
-
-export const BillingCalculator: Story = {
-  render: (args) => <Calculator />,
-};
-
-function Calculator() {
-  return (
-    <div className="m-12 flex flex-col gap-8">
-      <div className="flex h-full w-full rounded-md border border-border p-6">
-        <PricingCalculator />
-        <div className="mx-6 min-h-full w-px bg-border" />
-        <RunsVolumeDiscountTable />
-      </div>
-      <div className="flex w-full rounded-md border border-border p-6">
-        <PricingCalculator />
-      </div>
-      <div className="flex w-fit rounded-md border border-border p-6">
-        <RunsVolumeDiscountTable />
-      </div>
-    </div>
-  );
-}
diff --git a/apps/webapp/app/components/stories/PricingTiers.stories.tsx b/apps/webapp/app/components/stories/PricingTiers.stories.tsx
deleted file mode 100644
index eaff255f0..000000000
--- a/apps/webapp/app/components/stories/PricingTiers.stories.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { PricingTiers, TierEnterprise, TierFree, TierPro } from "../billing/PricingTiers";
-
-const meta: Meta<typeof AllPricingTiers> = {
-  title: "Billing/PricingTiers",
-  component: AllPricingTiers,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof AllPricingTiers>;
-
-export const AllTiers: Story = {
-  render: (args) => <AllPricingTiers />,
-};
-
-function AllPricingTiers() {
-  return (
-    <div className="mx-4 flex h-screen flex-col items-center justify-center gap-4">
-      <PricingTiers className="w-[80rem]">
-        <TierFree />
-        <TierPro />
-        <TierEnterprise />
-      </PricingTiers>
-    </div>
-  );
-}
diff --git a/apps/webapp/app/components/stories/UsageCharts.stories.tsx b/apps/webapp/app/components/stories/UsageCharts.stories.tsx
deleted file mode 100644
index ff92596ac..000000000
--- a/apps/webapp/app/components/stories/UsageCharts.stories.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { TooltipProps } from "recharts";
-import { ConcurrentRunsChart } from "../billing/ConcurrentRunsChart";
-
-const meta: Meta<typeof UsageCharts> = {
-  title: "Billing/UsageCharts",
-  component: UsageCharts,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof UsageCharts>;
-
-export const ConcurrentRuns: Story = {
-  render: () => <UsageCharts />,
-};
-
-export const RunQueue: Story = {
-  render: () => <RunQueueChart />,
-};
-
-function UsageCharts() {
-  return (
-    <div className="mx-4 flex h-screen items-center justify-center">
-      <ConcurrentRunsChart concurrentRunsLimit={25} />
-    </div>
-  );
-}
-
-function RunQueueChart() {
-  return <div className="mx-4 flex h-screen items-center justify-center">Run Queue chart</div>;
-}