From ef6c9e1f578f62acb2a5833f9ae34298e4cdcb44 Mon Sep 17 00:00:00 2001
From: Ben Allfree <ben@benallfree.com>
Date: Sun, 29 Jun 2025 02:44:25 -0700
Subject: [PATCH] paywall formatting

---
 .../dashboard/src/routes/(static)/pricing/Paywall.svelte  | 3 ++-
 .../src/routes/(static)/pricing/SignupBox.svelte          | 8 +++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/dashboard/src/routes/(static)/pricing/Paywall.svelte b/packages/dashboard/src/routes/(static)/pricing/Paywall.svelte
index d7130675..5f985335 100644
--- a/packages/dashboard/src/routes/(static)/pricing/Paywall.svelte
+++ b/packages/dashboard/src/routes/(static)/pricing/Paywall.svelte
@@ -19,7 +19,8 @@
 
 <div class="grid grid-cols-1 md:grid-cols-3 justify-items-center gap-1 mx-auto">
   <SignupBox
-    price="$5 / month per instance"
+    price="$5 / month"
+    priceDetail="per instance"
     title="Starter"
     cta="Pay $5 per instance, up to a maximum of 5 instances. Each extra instance costs an additional $5"
     features={[
diff --git a/packages/dashboard/src/routes/(static)/pricing/SignupBox.svelte b/packages/dashboard/src/routes/(static)/pricing/SignupBox.svelte
index ff388ffe..2d37a666 100644
--- a/packages/dashboard/src/routes/(static)/pricing/SignupBox.svelte
+++ b/packages/dashboard/src/routes/(static)/pricing/SignupBox.svelte
@@ -6,6 +6,7 @@
   export let selected: boolean = false
   export let buttonText: string = 'Subscribe Now'
   export let price: string
+  export let priceDetail: string=''
   export let bestDeal: boolean = false
   export let title: string
   export let cta: string
@@ -26,7 +27,7 @@
       {cta}
     </div>
   </div>
-  <div class="h-40">
+  <div class="h-52">
     {#each features as feature}
       <div class="flex flex-row gap-2">
         <Fa
@@ -36,8 +37,9 @@
       </div>
     {/each}
   </div>
-  <div class="h-10 flex justify-center items-center">
-    <div class="text-3xl text-white text-center">{price}</div>
+  <div class="h-12 flex justify-start items-center flex-col">
+    <div class="text-3xl text-white text-center ">{price}</div>
+    <div class="text-xs text-gray-400 text-center">{priceDetail}</div>
   </div>
   <div class="h-16 flex justify-center items-end">
     <a