From 1f6eddfe1740d267950499c4b9967cd5869b432f Mon Sep 17 00:00:00 2001
From: Thebora Kompanioni <theborakompanioni@users.noreply.github.com>
Date: Fri, 13 Sep 2024 12:49:10 +0200
Subject: [PATCH] fix(main): properly fade out jar tooltips (#848)

---
 src/components/jars/Jar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/jars/Jar.tsx b/src/components/jars/Jar.tsx
index 063b9a8f..1b16be1b 100644
--- a/src/components/jars/Jar.tsx
+++ b/src/components/jars/Jar.tsx
@@ -209,12 +209,14 @@ const SelectableJar = ({
  */
 const OpenableJar = ({ tooltipText, onClick, ...jarProps }: OpenableJarProps) => {
   const [jarIsOpen, setJarIsOpen] = useState(false)
-  const onMouseOver = () => setJarIsOpen(true)
-  const onMouseOut = () => setJarIsOpen(false)
+  const openJar = () => setJarIsOpen(true)
+  const closeJar = () => setJarIsOpen(false)
 
   return (
-    <div onMouseOver={onMouseOver} onMouseOut={onMouseOut}>
+    <div onMouseOver={openJar} onMouseOut={closeJar}>
       <rb.OverlayTrigger
+        placement="top"
+        trigger="hover"
         popperConfig={{
           modifiers: [
             {