From de7d18c4478ce69261f18e8eac5c0e6cdc847ec7 Mon Sep 17 00:00:00 2001
From: Travis Fischer <fisch0920@gmail.com>
Date: Sat, 28 Jun 2025 04:47:26 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/components/app-consumers-list.tsx    | 8 +++++++-
 apps/web/src/components/project-pricing-plans.tsx | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/app-consumers-list.tsx b/apps/web/src/components/app-consumers-list.tsx
index d7166d88..c2c533e2 100644
--- a/apps/web/src/components/app-consumers-list.tsx
+++ b/apps/web/src/components/app-consumers-list.tsx
@@ -51,6 +51,7 @@ export function AppConsumersList() {
   })
 
   const consumers = data ? data.pages.flatMap((p) => p.consumers) : []
+  const numConsumers = consumers.length
 
   return (
     <>
@@ -68,7 +69,12 @@ export function AppConsumersList() {
               started.
             </p>
           ) : (
-            <div className='grid grid-cols grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3'>
+            <div
+              className={`grid grid-cols grid-cols-1 gap-4 sm:grid-cols-${Math.min(
+                2,
+                numConsumers
+              )} xl:grid-cols-${Math.min(3, numConsumers)}`}
+            >
               {consumers.map((consumer) => (
                 <Link
                   key={consumer.id}
diff --git a/apps/web/src/components/project-pricing-plans.tsx b/apps/web/src/components/project-pricing-plans.tsx
index 5349be7c..ed5d913f 100644
--- a/apps/web/src/components/project-pricing-plans.tsx
+++ b/apps/web/src/components/project-pricing-plans.tsx
@@ -22,7 +22,7 @@ export function ProjectPricingPlans({
 
   return (
     <div className={cn('mt-8 flex flex-col gap-8', className)}>
-      <h2 className='text-center text-balance leading-snug md:leading-none text-2xl font-extrabold'>
+      <h2 className='text-center text-balance leading-snug md:leading-none text-2xl font-bold'>
         Pricing Plans
       </h2>
 
@@ -37,7 +37,7 @@ export function ProjectPricingPlans({
             key={plan.slug}
             className='flex flex-col gap-4 p-4 border rounded-lg shadow-sm'
           >
-            <h3 className='text-center text-balance leading-snug md:leading-none  text-xl font-bold'>
+            <h3 className='text-center text-balance leading-snug md:leading-none text-xl font-semibold'>
               {plan.name}
             </h3>