From 030e425c390a07da3ff5ad90175c62ed78531047 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 28 Jan 2026 13:32:04 +0000
Subject: [PATCH] Changes

---
 src/components/PlansSection.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/PlansSection.tsx b/src/components/PlansSection.tsx
index 1770ef7..4fd75fd 100644
--- a/src/components/PlansSection.tsx
+++ b/src/components/PlansSection.tsx
@@ -117,7 +117,7 @@ const PlansSection = () => {
           {planDetails.map((plan, index) => (
             <div
               key={index}
-              className={`relative bg-card p-3 md:p-8 card-classic rounded-sm ${
+              className={`relative bg-card p-3 md:p-8 card-classic rounded-sm flex flex-col ${
                 plan.isPremium 
                   ? 'ring-2 ring-amber-500 shadow-[0_0_20px_rgba(217,164,32,0.3)]' 
                   : ''
@@ -148,7 +148,7 @@ const PlansSection = () => {
               </div>
 
               {/* Features - hidden on mobile */}
-              <ul className="hidden md:block space-y-3 mb-8">
+              <ul className="hidden md:block space-y-3 mb-8 flex-grow">
                 {plan.features.map((feature, i) => (
                   <li key={i} className="flex items-start gap-3">
                     <Check className="w-4 h-4 text-primary mt-1 flex-shrink-0" />
@@ -157,7 +157,7 @@ const PlansSection = () => {
                 ))}
               </ul>
 
-              {/* CTA Button */}
+              {/* CTA Button - always at bottom */}
               <button
                 onClick={() => handleSelectPlan(plan)}
                 disabled={isLoading}