From bdf8927cdf6e679f2a52fb99e2fb29414c2a7f5c Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Fri, 14 Jun 2024 23:06:00 -0700
Subject: [PATCH] Fix new plans page table header does not occupy full height
 for all of its children on Chrome

GitOrigin-RevId: a69c20057ff1563e6f6e93c87e4ac3a0c010885d
---
 .../stylesheets/app/plans/plans-new-design.less   | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
index 84ceff9ced..4f2fe960a9 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -267,14 +267,14 @@
       font-weight: normal;
     }
 
-    // dynamic height on table head
-    thead {
-      tr {
-        height: 100%;
+    // the following rules are used to make every .plans-new-table-header-content
+    // occupy the whole height dynamically
+    height: fit-content;
+    thead tr {
+      height: 100%;
 
-        th {
-          height: 100%;
-        }
+      .plans-new-table-header-content {
+        height: 100%;
       }
     }
   }
@@ -318,7 +318,6 @@
   .plans-new-table-header-content {
     display: flex;
     flex-direction: column;
-    height: 100%;
     position: relative;
 
     .plans-new-table-header-title {