From 6a78b57cbd68d838676b1b73bcc8dae8912aa0c9 Mon Sep 17 00:00:00 2001
From: Alexis Sanehisa <106991746+asanehisa@users.noreply.github.com>
Date: Wed, 28 Aug 2024 15:55:18 -0400
Subject: [PATCH] fix: add css to EntityField (#35)

---
 src/components/EntityField.tsx | 40 ++++++++++++++++++----------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/src/components/EntityField.tsx b/src/components/EntityField.tsx
index 8a1aead5..7a832b89 100644
--- a/src/components/EntityField.tsx
+++ b/src/components/EntityField.tsx
@@ -31,25 +31,27 @@ export const EntityField = ({
   }
 
   return (
-    <TooltipProvider>
-      <Tooltip open={tooltipsVisible && !!tooltipContent}>
-        <TooltipTrigger>
-          <div
-            className={
-              tooltipsVisible
-                ? "ve-outline-2 ve-outline-dotted" + " ve-outline-[#5A58F2]"
-                : ""
-            }
-          >
-            {children}
-          </div>
-        </TooltipTrigger>
-        <TooltipContent>
-          <p>{tooltipContent}</p>
-          <TooltipArrow fill="bg-popover" />
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
+    <div className="puck-css">
+      <TooltipProvider>
+        <Tooltip open={tooltipsVisible && !!tooltipContent}>
+          <TooltipTrigger>
+            <div
+              className={
+                tooltipsVisible
+                  ? "ve-outline-2 ve-outline-dotted" + " ve-outline-[#5A58F2]"
+                  : ""
+              }
+            >
+              {children}
+            </div>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{tooltipContent}</p>
+            <TooltipArrow fill="bg-popover" />
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    </div>
   );
 };