From bc6ba6d1396641e615dc4decf401c1bb59aed321 Mon Sep 17 00:00:00 2001
From: arihant-jain0 <jainari1208@gmail.com>
Date: Mon, 28 Oct 2024 23:22:13 +0530
Subject: [PATCH] Refactor FreeTrialCard component layout and styles

---
 components/dashboard/freetrial-card.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/dashboard/freetrial-card.tsx b/components/dashboard/freetrial-card.tsx
index 948bea5b1..7c8fea437 100644
--- a/components/dashboard/freetrial-card.tsx
+++ b/components/dashboard/freetrial-card.tsx
@@ -29,17 +29,18 @@ export default function FreeTrialCard({
   return (
     <Card className="overflow-auto bg-gray-100/10 text-card-foreground">
       <div className="grid gap-4">
-        <CardHeader className="flex-row justify-between pb-4">
-          <CardTitle className="text-xl font-semibold">
+        <CardHeader className="flex flex-col items-start justify-between gap-3 pb-4 sm:flex-row sm:items-center sm:gap-4">
+          <CardTitle className="text-lg font-semibold sm:text-xl">
             Subscription & Usage
           </CardTitle>
           <Badge
             variant="secondary"
-            className="border-primary-800 bg-primary-800/10 px-2 py-1 text-xs text-primary-800"
+            className="whitespace-nowrap border-primary-800 bg-primary-800/10 px-2 py-1 text-xs text-primary-800 sm:text-sm"
           >
             Free Trial
           </Badge>
         </CardHeader>
+
         <CardContent>
           <div className="mb-4">
             <div className="flex justify-between">