From bc40abac50ccc4967c43a54e35cca1a02070e0e2 Mon Sep 17 00:00:00 2001
From: morpheus65535 <louis_vezina@hotmail.com>
Date: Sat, 10 Jun 2023 09:10:20 -0400
Subject: [PATCH] Fixed some UI issues caused by React and Mantine upgrade.
 #2167

---
 frontend/src/components/inputs/Selector.tsx          | 1 +
 frontend/src/components/modals/ManualSearchModal.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/inputs/Selector.tsx b/frontend/src/components/inputs/Selector.tsx
index ba253ae64..79592b758 100644
--- a/frontend/src/components/inputs/Selector.tsx
+++ b/frontend/src/components/inputs/Selector.tsx
@@ -93,6 +93,7 @@ export function Selector<T>({
 
   return (
     <Select
+      withinPortal={true}
       data={data}
       defaultValue={wrappedDefaultValue}
       value={wrappedValue}
diff --git a/frontend/src/components/modals/ManualSearchModal.tsx b/frontend/src/components/modals/ManualSearchModal.tsx
index a152c8823..8b68abccb 100644
--- a/frontend/src/components/modals/ManualSearchModal.tsx
+++ b/frontend/src/components/modals/ManualSearchModal.tsx
@@ -237,7 +237,7 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({
   const { ref, hovered } = useHover();
 
   return (
-    <Popover opened={hovered} position="top" width={360} withArrow>
+    <Popover opened={hovered} position="top" width={360} withArrow withinPortal>
       <Popover.Target>
         <Text color={hasIssues ? "yellow" : "green"} ref={ref}>
           <FontAwesomeIcon