From b57f9276ae6743aca7d94db8965c39bdf24fe05a Mon Sep 17 00:00:00 2001
From: MananTank <22043396+MananTank@users.noreply.github.com>
Date: Tue, 18 Jun 2024 15:51:18 +0000
Subject: [PATCH] Fix pricing card height on safari (#2682)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- start pr-codex -->

## PR-Codex overview
This PR updates the `PricingCard` component in the homepage section with improved styles for better visibility and user interaction.

### Detailed summary
- Updated flex direction to column layout
- Adjusted padding for different screen sizes
- Set height to full
- Increased z-index for layering
- Changed background color based on `highlighted` prop
- Modified border color based on `current` prop

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
---
 src/components/homepage/sections/PricingCard.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/homepage/sections/PricingCard.tsx b/src/components/homepage/sections/PricingCard.tsx
index 2ae5bea762..f0445c083a 100644
--- a/src/components/homepage/sections/PricingCard.tsx
+++ b/src/components/homepage/sections/PricingCard.tsx
@@ -53,7 +53,6 @@ export const PricingCard: React.FC<PricingCardProps> = ({
       gap={10}
       flexDir="column"
       p={{ base: 6, md: 10 }}
-      h="full"
       zIndex={999}
       background={highlighted ? "black" : "transparent"}
       borderColor={current ? "blue.500" : "gray.900"}