From df93b5b311f4a06ae904ec759cf089cca699c8e8 Mon Sep 17 00:00:00 2001
From: Etienne <45695613+etiennejouan@users.noreply.github.com>
Date: Thu, 16 Jan 2025 15:20:21 +0100
Subject: [PATCH] fix: increase font height and decrease gap in TrialCard
 (#9686)

### Context

Fix design to match 'Choose Your Trial' [figma
design](https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=52632-204440&t=mRMsJYiGtmCmWrs6-4)

<img width="331" alt="Screenshot 2025-01-16 at 15 04 30"
src="https://github.com/user-attachments/assets/b582ee71-2b1a-4003-ac0a-e39028fe432a"
/>

[Bug bash link

](https://discord.com/channels/1130383047699738754/1329445193300312084/1329445193300312084)

Co-authored-by: etiennejouan <jouan.etienne@gmail.com>
---
 .../src/modules/billing/components/TrialCard.tsx            | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/twenty-front/src/modules/billing/components/TrialCard.tsx b/packages/twenty-front/src/modules/billing/components/TrialCard.tsx
index 7ce30c484..0902af3cb 100644
--- a/packages/twenty-front/src/modules/billing/components/TrialCard.tsx
+++ b/packages/twenty-front/src/modules/billing/components/TrialCard.tsx
@@ -12,14 +12,14 @@ const StyledTrialCardContainer = styled.div`
 
 const StyledTrialDurationContainer = styled.div`
   color: ${({ theme }) => theme.font.color.secondary};
-  font-size: ${({ theme }) => theme.font.size.sm};
+  font-size: ${({ theme }) => theme.font.size.md};
   display: flex;
-  margin-bottom: ${({ theme }) => theme.spacing(4)};
+  margin-bottom: ${({ theme }) => theme.spacing(2)};
 `;
 
 const StyledCreditCardRequirementContainer = styled.div`
   color: ${({ theme }) => theme.font.color.tertiary};
-  font-size: ${({ theme }) => theme.font.size.sm};
+  font-size: ${({ theme }) => theme.font.size.md};
   display: flex;
 `;