diff --git a/components/Cards/TicketsCard/TicketCard.tsx b/components/Cards/TicketsCard/TicketCard.tsx
index 719382859..8600f6452 100644
--- a/components/Cards/TicketsCard/TicketCard.tsx
+++ b/components/Cards/TicketsCard/TicketCard.tsx
@@ -45,7 +45,7 @@ const TicketCard = ({
         />
       </div>
 
-      <div className="relative h-96">
+      <div className="relative min-h-[500px] sm:min-h-[550px] pb-8">
         {availableTickets.map((ticket, index) => {
           const isCurrentCard: boolean = index === currentIndex;
           const isPrevCard: boolean =
@@ -84,8 +84,8 @@ const TicketCard = ({
                 zIndex,
               }}
             >
-              <div className="bg-white shadow-lg rounded-lg overflow-hidden border border-gray-200">
-                <div className="p-6">
+              <div className="bg-white shadow-lg rounded-lg overflow-hidden border border-gray-200 h-full flex flex-col">
+                <div className="p-6 flex flex-col flex-grow min-h-[450px] sm:min-h-[480px]">
                   <div className="flex justify-between items-start">
                     <div>
                       <h3 className="text-xl font-semibold text-gray-900">
@@ -108,7 +108,7 @@ const TicketCard = ({
                     <span className="text-gray-500 ml-2">/person</span>
                   </div>
 
-                  <ul className="mt-6 space-y-2">
+                  <ul className="mt-6 space-y-2 flex-grow">
                     {ticket.benefits.map((benefit, i) => (
                       <li key={i} className="flex items-center text-gray-600">
                         <TicketIcon className="h-4 w-4 mr-2 text-blue-500" />
@@ -117,24 +117,26 @@ const TicketCard = ({
                     ))}
                   </ul>
 
-                  {ticket.url && !isEnded ? (
-                    <a href={ticket.url} target="_blank" rel="noreferrer">
+                  <div className="mt-auto pt-4">
+                    {ticket.url && !isEnded ? (
+                      <a href={ticket.url} target="_blank" rel="noreferrer">
+                        <Button
+                          type="button"
+                          className="w-full"
+                          text="Get a Free Ticket"
+                        />
+                      </a>
+                    ) : (
                       <Button
                         type="button"
-                        className="mt-8 w-full"
-                        text="Get a Free Ticket"
-                      />
-                    </a>
-                  ) : (
-                    <Button
-                      type="button"
-                      disabled={true}
-                      outline={true}
-                      className="mt-8 w-full bg-gray-300"
-                    >
-                      {isEnded ? 'Event Closed' : 'Get a Ticket'}
-                    </Button>
-                  )}
+                        disabled={true}
+                        outline={true}
+                        className="w-full bg-gray-300"
+                      >
+                        {isEnded ? 'Event Closed' : 'Get a Ticket'}
+                      </Button>
+                    )}
+                  </div>
                 </div>
               </div>
             </div>
@@ -142,7 +144,7 @@ const TicketCard = ({
         })}
       </div>
 
-      <div className="flex justify-center mt-6 gap-2">
+      <div className="flex justify-center mt-4 gap-2">
         {availableTickets.map((_, index: number) => {
           return (
             <button