From cec46696a5c646109eb278c8347168e54fa8cb01 Mon Sep 17 00:00:00 2001
From: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com>
Date: Sun, 15 Dec 2024 09:33:22 +0000
Subject: [PATCH] This will make the price table head sticky

Signed-off-by: Ajay Singh <37625112+Ajay-singh1@users.noreply.github.com>
---
 src/sections/Pricing/comparison.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/sections/Pricing/comparison.js b/src/sections/Pricing/comparison.js
index 15fb3416ad76..d40532b07b3d 100644
--- a/src/sections/Pricing/comparison.js
+++ b/src/sections/Pricing/comparison.js
@@ -21,8 +21,9 @@ h2, h5{
     margin: 2rem auto;
     display: block;
     overflow-x: scroll;
-    overflow-y:hidden;
+    overflow-y:auto;
     transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+    position: relative;
 }
 .price-table {
     width: 100%;
@@ -80,11 +81,6 @@ h2, h5{
     font-weight: 600;
     text-transform: uppercase;
 }
-tr.price-table-head th {
-   position : sticky;
-   z-index : 10;
-   top : 0;
-}
 .price-table tr.price-table-head {
     background-color: #00b39f;
     color: #FFFFFF;
@@ -92,6 +88,11 @@ tr.price-table-head th {
     padding: 1rem 0;
     }
 }
+.price-table-head {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+}
 .price-table td.price {
     padding: 16px 24px;
     font-size: 20px;