diff --git a/assets/styles/pricing.scss b/assets/styles/pricing.scss
index a51cbd5a9..738649741 100644
--- a/assets/styles/pricing.scss
+++ b/assets/styles/pricing.scss
@@ -40,7 +40,7 @@ $secondary-color-active: var(--secondary-active);
   width: 100%;
   gap: 40px;
   //flex-direction colunn for mobile
-  @media (max-width: 600px) {
+  @media (max-width: 1024px) {
     flex-direction: column;
     gap: 20px;
   }
@@ -48,7 +48,7 @@ $secondary-color-active: var(--secondary-active);
 
 /* Pricing header */
 .plan {
-  height: 560px;
+  height: 660px;
   width: 400px;
   display: flex;
   flex-direction: column;
diff --git a/layouts/shortcodes/pricing-tables.html b/layouts/shortcodes/pricing-tables.html
index 56f5e4dd0..05b7ca46c 100644
--- a/layouts/shortcodes/pricing-tables.html
+++ b/layouts/shortcodes/pricing-tables.html
@@ -1,4 +1,4 @@
-<div class="plan-page">
+<div class="plan-page index-container">
   <h1 class="plan-title">Pricing</h1>
   <div>
     <p class="plan-page-text">
@@ -15,7 +15,7 @@
     <div class="plan">
       <div class="plan-header">
         <h1 class="plan-label">Free</h1>
-        <p class="plan-price">$0/month</p>
+        <p class="plan-price">$0 / month</p>
       </div>
       <div class="plan-body">
         <ul class="plan-list">
@@ -47,14 +47,30 @@
     </div>
     <div class="plan">
       <div class="plan-header premium">
-        <h1 class="plan-label">Premium</h1>
-        <p class="plan-price">$6/month</p>
+        <h1 class="plan-label">Basic</h1>
+        <p class="plan-price">$3 / month</p>
       </div>
       <div class="plan-body">
         <ul class="plan-list">
           <li><b>Everything on the Free plan</b></li>
           <li>Unlimited logged in devices</li>
           <li>25 GB attachment upload limit</li>
+        </ul>
+        <a
+          href="https://payments.fleetingnotes.app?price=basic"
+          class="button button-cta premium-btn"
+          >Try it for free</a
+        >
+      </div>
+    </div>
+    <div class="plan">
+      <div class="plan-header premium">
+        <h1 class="plan-label">Believer</h1>
+        <p class="plan-price">$6 / month</p>
+      </div>
+      <div class="plan-body">
+        <ul class="plan-list">
+          <li><b>Everything on the Basic plan</b></li>
           <li>
             <a
               class="internal-link"
@@ -62,6 +78,7 @@
               >AI powered link suggestions</a
             >
           </li>
+          <li>And more to come...</li>
         </ul>
         <a
           href="https://payments.fleetingnotes.app?price=premium"