From 75f4737f7ce21483207b3f60441abf6745d5c92d Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 4 Mar 2024 06:06:45 -0600
Subject: [PATCH] add tooltip portal

---
 web/src/components/navigation/NavItem.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/navigation/NavItem.tsx b/web/src/components/navigation/NavItem.tsx
index 0294ef7ad..e19ff92a2 100644
--- a/web/src/components/navigation/NavItem.tsx
+++ b/web/src/components/navigation/NavItem.tsx
@@ -8,6 +8,7 @@ import {
 } from "@/components/ui/tooltip";
 import { useState } from "react";
 import { isDesktop } from "react-device-detect";
+import { TooltipPortal } from "@radix-ui/react-tooltip";
 
 const variants = {
   primary: {
@@ -61,9 +62,11 @@ export default function NavItem({
             <Icon className="size-5 md:m-[6px]" />
           </TooltipTrigger>
         </NavLink>
-        <TooltipContent side="right">
-          <p>{title}</p>
-        </TooltipContent>
+        <TooltipPortal>
+          <TooltipContent side="right">
+            <p>{title}</p>
+          </TooltipContent>
+        </TooltipPortal>
       </Tooltip>
     )
   );