From 3be1f0989391999b1f90630cc2eede130d9737e0 Mon Sep 17 00:00:00 2001
From: Antoine Dewez <44063631+Zewed@users.noreply.github.com>
Date: Tue, 28 May 2024 12:38:09 +0200
Subject: [PATCH] fix(frontend): upgrade button on user page (#2623)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):
---
 .../user/components/StripePricingOrManageButton.tsx  | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/app/user/components/StripePricingOrManageButton.tsx b/frontend/app/user/components/StripePricingOrManageButton.tsx
index 7aaafd533..7a649aab6 100644
--- a/frontend/app/user/components/StripePricingOrManageButton.tsx
+++ b/frontend/app/user/components/StripePricingOrManageButton.tsx
@@ -23,11 +23,13 @@ export const StripePricingOrManageButton = (): JSX.Element => {
   return (
     <StripePricingModal
       Trigger={
-        <QuivrButton
-          label="Upgrade my plan"
-          color="gold"
-          iconName="star"
-        ></QuivrButton>
+        <div>
+          <QuivrButton
+            label="Upgrade my plan"
+            color="gold"
+            iconName="star"
+          ></QuivrButton>
+        </div>
       }
     />
   );