diff --git a/apps/portal/src/components/questions/AddToListDropdown.tsx b/apps/portal/src/components/questions/AddToListDropdown.tsx
index ac58b1eb..b68ef77b 100644
--- a/apps/portal/src/components/questions/AddToListDropdown.tsx
+++ b/apps/portal/src/components/questions/AddToListDropdown.tsx
@@ -15,7 +15,7 @@ export default function AddToListDropdown({
   questionId,
 }: AddToListDropdownProps) {
   const [menuOpened, setMenuOpened] = useState(false);
-  const ref = useRef() as React.MutableRefObject<HTMLDivElement>;
+  const ref = useRef<HTMLDivElement>(null);
 
   const utils = trpc.useContext();
   const { data: lists } = trpc.useQuery(['questions.lists.getListsByUser']);
@@ -54,7 +54,7 @@ export default function AddToListDropdown({
   };
 
   const handleClickOutside = (event: MouseEvent) => {
-    if (!ref.current.contains(event.target as Node)) {
+    if (ref.current && !ref.current.contains(event.target as Node)) {
       setMenuOpened(false);
       document.removeEventListener('click', handleClickOutside, true);
     }