From 09c907a42fe51d96a2a53c1c36dbcd870375df8c Mon Sep 17 00:00:00 2001
From: eyeaadil <madil9227583@gmail.com>
Date: Fri, 3 Jan 2025 20:53:31 +0530
Subject: [PATCH] make-tier-comparison-header-sticky

Signed-off-by: eyeaadil <madil9227583@gmail.com>
---
 src/sections/Pricing/comparison.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/sections/Pricing/comparison.js b/src/sections/Pricing/comparison.js
index 5081e3181f40..7a3548a99725 100644
--- a/src/sections/Pricing/comparison.js
+++ b/src/sections/Pricing/comparison.js
@@ -20,8 +20,9 @@ h2, h5{
     box-shadow: 0 0 24px ${props => props.theme.whiteOneFiveToBlackOneFive};
     margin: 2rem auto;
     display: block;
-    overflow-x: scroll;
-    overflow-y:hidden;
+    overflow-x: auto;
+    overflow-y: auto; 
+    max-height: 80vh;
     transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 .price-table {
@@ -87,6 +88,9 @@ h2, h5{
 .price-table tr.price-table-head {
     background-color:${props => props.theme.secondaryColor};
     color: #FFFFFF;
+    position: sticky;
+    top: 0;
+    z-index: 10;
 }
 .price-table td.price {
     padding: 16px 24px;