From cea2f2fa6e0fb267f06e80834f45725d4b84b1ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lu=C3=ADs=20Torres?= <luistorres1792@gmail.com>
Date: Fri, 10 May 2024 18:58:57 +0100
Subject: [PATCH] fix tooltip

---
 .../_ui/project/contribution/DataFields.tsx   | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/web-app/app/_ui/project/contribution/DataFields.tsx b/packages/web-app/app/_ui/project/contribution/DataFields.tsx
index 07ae37b3..8ce86a09 100644
--- a/packages/web-app/app/_ui/project/contribution/DataFields.tsx
+++ b/packages/web-app/app/_ui/project/contribution/DataFields.tsx
@@ -67,15 +67,17 @@ export const DataFields = () => {
         <span className="md:text-end">{minContribution} USDC</span>
       </div>
       <div className="flex flex-col gap-2 md:flex-row md:justify-between">
-        <span className="relative text-mono-800">
-          Max. number of participants:
-          <div className="absolute -right-4 -top-2">
-            <Tooltip
-              text="Sale will close automatically after reaching this amount"
-              className="-translate-x-3/4 -translate-y-full"
-            />
-          </div>
-        </span>
+        <div className="flex text-mono-800">
+          <span className="relative flex">
+            Max. number of participants:{' '}
+            <div className="absolute -right-4 -top-2">
+              <Tooltip
+                text="Sale will close automatically after reaching this amount"
+                className="-translate-x-3/4 -translate-y-full"
+              />
+            </div>
+          </span>
+        </div>
         <span className="md:text-end">
           {maxParticipants !== undefined ? (
             number(maxParticipants)