From 4edbd65faf46482cb095b5e10fc652548a03e467 Mon Sep 17 00:00:00 2001
From: Jordan Aasen <166539328+jaasen-livefront@users.noreply.github.com>
Date: Mon, 15 Jul 2024 08:47:30 -0700
Subject: [PATCH] [PM-3197]  "Pay with PayPal" button moves on screen after
 loading (#10083)

* hide duplicate iframe

* add comment

* Moved braintree styling to plugins.scss

* Moved next to other braintree-sheet

---------

Co-authored-by: Conner Turnbull <cturnbull@bitwarden.com>
---
 apps/web/src/scss/plugins.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/web/src/scss/plugins.scss b/apps/web/src/scss/plugins.scss
index 40ba692c46..f4aa428532 100644
--- a/apps/web/src/scss/plugins.scss
+++ b/apps/web/src/scss/plugins.scss
@@ -108,6 +108,13 @@
   border: none;
 }
 
+// hide duplicate paypal iframe
+.braintree-sheet__content--button
+  .braintree-sheet__button--paypal
+  iframe.zoid-prerender-frame.zoid-invisible {
+  display: none !important;
+}
+
 [data-braintree-id="upper-container"]::before {
   @include themify($themes) {
     background-color: themed("backgroundColor");