Fix sponsor tier style (#1329)

Fix for overlaping text
<img width="458" alt="Screenshot_2025-06-16_at_17 50 39"
src="https://github.com/user-attachments/assets/d5fe9bb0-f161-4373-82b6-17cb7b77995c"
/>

---------

Co-authored-by: Mia Bajić <38294198+clytaemnestra@users.noreply.github.com>

Author: nikoshell

src/components/sponsor-tiers/sponsor-tiers.astro

@@ -215,7 +215,7 @@ const formatPrice = (price: number | string) => {
         })
         .map((tier) => (
           <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
-            <div class="h-[160px]">
+            <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
                 style={{ zIndex: "-1", top: "-55px" }}
@@ -226,7 +226,7 @@ const formatPrice = (price: number | string) => {
                 {tier.slotsLeft ? (
                   <>
                     <span>{tier.slotsLeft}</span>
-                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} available
                   </>
                 ) : (
                   <>Fully booked</>
@@ -269,7 +269,7 @@ const formatPrice = (price: number | string) => {
 
         .map((tier) => (
           <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
-            <div class="h-[160px]">
+            <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
                 style={{ zIndex: "-1", top: "-55px" }}
@@ -282,7 +282,7 @@ const formatPrice = (price: number | string) => {
                 ) : tier.slotsLeft ? (
                   <>
                     <span>{tier.slotsLeft}</span>
-                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} available
                   </>
                 ) : (
                   <>Fully booked</>
@@ -325,7 +325,7 @@ const formatPrice = (price: number | string) => {
 
         .map((tier) => (
           <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
-            <div class="h-[160px]">
+            <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
                 style={{ zIndex: "-1", top: "-55px" }}
@@ -338,7 +338,7 @@ const formatPrice = (price: number | string) => {
                 ) : tier.slotsLeft ? (
                   <>
                     <span>{tier.slotsLeft}</span>
-                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} available
                   </>
                 ) : (
                   <>Fully booked</>
@@ -381,7 +381,7 @@ const formatPrice = (price: number | string) => {
         })
         .map((tier) => (
           <div class="bg-white text-black rounded-2xl p-6 pb-20 relative not-prose z-0">
-            <div class="h-[160px]">
+            <div class="min-h-[160px]">
               <Ribbon
                 className={`absolute -right-6 -top-8 ${getRibbonClass(tier.title)}`}
                 style={{ zIndex: "-1", top: "-55px" }}
@@ -392,7 +392,7 @@ const formatPrice = (price: number | string) => {
                 {tier.slotsLeft ? (
                   <>
                     <span>{tier.slotsLeft}</span>
-                    {tier.slotsLeft == 1 ? "slot" : "slots"} availalbe
+                    {tier.slotsLeft == 1 ? "slot" : "slots"} available
                   </>
                 ) : (
                   <>Fully booked</>