From a281d977406f01b4bd96ebe96979af798dba12fb Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Fri, 8 Jul 2022 09:31:19 -0400
Subject: [PATCH] Fix big spacing on the bottom and the right side of the new
 plans page (#8767)

GitOrigin-RevId: c30ed0e7733eb48048162ed55d0359b449e4f10b
---
 services/web/frontend/stylesheets/app/plans-v2.less | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/plans-v2.less b/services/web/frontend/stylesheets/app/plans-v2.less
index 2a516ca0d4..d2d95f6aeb 100644
--- a/services/web/frontend/stylesheets/app/plans-v2.less
+++ b/services/web/frontend/stylesheets/app/plans-v2.less
@@ -1047,9 +1047,15 @@ p.plans-v2-table-green-highlighted-text {
 }
 
 .plans-v2-table-sticky-header-container {
-  height: 100%;
-  width: 100%;
-  position: absolute;
+  @media (max-width: @screen-xs-max) {
+    // `height: 60%` is just an arbitrary percentage
+    // since we need to cover the whole plans_v2_table
+    // but not too much so it vertically overflows the page
+    // and it's not trivial to calculate the precise table height
+    height: 60%;
+    width: 100%;
+    position: absolute;
+  }
 }
 
 .plans-v2-table-sticky-header-without-switch {