diff --git a/src/lib/components/Pricing.svelte b/src/lib/components/Pricing.svelte
index f2502698..a2bf8bca 100644
--- a/src/lib/components/Pricing.svelte
+++ b/src/lib/components/Pricing.svelte
@@ -172,11 +172,12 @@ onMount(async () => {
 
 
                 <div class="flex flex-col  mb-6 items-center">
-
                     <div class="flex flex-row items-center">
+                        
                         <span class="mr-2 text-4xl font-bold">{mode ? '$24.92' : '$49.99'}</span>
                         <span class="text-white text-xl">/month</span>
                     </div>
+                    <span class="text-center mt-3 text-white text-sm font-semibold">{mode ? '(Billed annually)' : ''}</span>
                     <!--
                     <div class="flex flex-col items-center">
                         <div class="flex flex-row items-center">
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index 8d2e7559..cac062cd 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -267,6 +267,8 @@ async function purchasePlan(subscriptionType:string='') {
                         <span class="mr-2 text-4xl font-bold">{mode ? '$24.92' : '$49.99'}</span>
                         <span class="text-white text-xl">/month</span>
                     </div>
+                    <span class="text-center mt-3 text-white text-sm font-semibold">{mode ? '(Billed annually)' : ''}</span>
+
                     <!--
                     <div class="flex flex-col items-center">
                         <div class="flex flex-row items-center">