From 10faeace775fcf51a0a2f78352d829bfaa68e5c6 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Fri, 29 Nov 2024 07:53:22 -0700
Subject: [PATCH] Merge pull request #22198 from
 overleaf/mf-reduce-horizontal-padding-mobile-new-checkout-form

[web] Reduce horizontal padding on mobile device on new checkout form

GitOrigin-RevId: e4f5792b4e2c7b76734846c87a3154415539e21d
---
 .../frontend/stylesheets/bootstrap-5/pages/subscription.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
index 9b5c4dff95..d8ecccd2fe 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
@@ -239,6 +239,11 @@
       width: 100%;
     }
 
+    @include media-breakpoint-down(xs) {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
     .address-line-1-tooltip {
       font-size: var(--font-size-03);
     }