diff --git a/app/(home-pages)/home/LeafletList/LeafletPreview.tsx b/app/(home-pages)/home/LeafletList/LeafletPreview.tsx
index 608a0171..9f56f86f 100644
--- a/app/(home-pages)/home/LeafletList/LeafletPreview.tsx
+++ b/app/(home-pages)/home/LeafletList/LeafletPreview.tsx
@@ -70,11 +70,10 @@ export const LeafletListPreview = (props: { isVisible: boolean }) => {
 
   return (
     <Tooltip
-      open={true}
-      delayDuration={0}
       side="right"
+      asChild
       trigger={
-        <div className="w-12 h-full py-1">
+        <div className="w-12 h-full py-1 z-10">
           <div className="rounded-md h-full overflow-hidden">
             <ThemeProvider local entityID={root} className="">
               <ThemeBackgroundProvider entityID={root}>
diff --git a/components/Tooltip.tsx b/components/Tooltip.tsx
index ce14776b..f872d0d5 100644
--- a/components/Tooltip.tsx
+++ b/components/Tooltip.tsx
@@ -26,7 +26,7 @@ export const Tooltip = (props: {
         props.skipDelayDuration ? props.skipDelayDuration : 300
       }
     >
-      <RadixTooltip.Root onOpenChange={props.onOpenChange} open={props.open}>
+      <RadixTooltip.Root onOpenChange={props.onOpenChange}>
         <RadixTooltip.Trigger disabled={props.disabled} asChild={props.asChild}>
           {props.trigger}
         </RadixTooltip.Trigger>