diff --git a/web/src/routes/Events/hooks/useClickOutside.jsx b/web/src/hooks/useClickOutside.jsx
similarity index 94%
rename from web/src/routes/Events/hooks/useClickOutside.jsx
rename to web/src/hooks/useClickOutside.jsx
index 22eac0d01..8fc14660c 100644
--- a/web/src/routes/Events/hooks/useClickOutside.jsx
+++ b/web/src/hooks/useClickOutside.jsx
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'preact/hooks';
 
 // https://stackoverflow.com/a/54292872/2693528
-export const useOuterClick = (callback) => {
+export const useClickOutside = (callback) => {
   const callbackRef = useRef(); // initialize mutable ref, which stores callback
   const innerRef = useRef(); // returned to client, who marks "border" element
 
diff --git a/web/src/routes/Events/hooks/useSearchString.jsx b/web/src/hooks/useSearchString.jsx
similarity index 100%
rename from web/src/routes/Events/hooks/useSearchString.jsx
rename to web/src/hooks/useSearchString.jsx
diff --git a/web/src/routes/Events/components/tableRow.jsx b/web/src/routes/Events/components/tableRow.jsx
index 6fe7f9f82..262f3408a 100644
--- a/web/src/routes/Events/components/tableRow.jsx
+++ b/web/src/routes/Events/components/tableRow.jsx
@@ -4,8 +4,8 @@ import { useCallback, useState, useMemo } from 'preact/hooks';
 import { Tr, Td, Tbody } from '../../../components/Table';
 import Filterable from './filterable';
 import Event from '../../Event';
-import { useSearchString } from '../hooks/useSearchString';
-import { useOuterClick } from '../hooks/useClickOutside';
+import { useSearchString } from '../../../hooks/useSearchString';
+import { useClickOutside } from '../../../hooks/useClickOutside';
 
 const EventsRow = memo(
   ({
@@ -27,7 +27,7 @@ const EventsRow = memo(
     const { searchString, removeDefaultSearchKeys } = useSearchString(limit);
     const searchParams = useMemo(() => new URLSearchParams(searchString), [searchString]);
 
-    const innerRef = useOuterClick(() => {
+    const innerRef = useClickOutside(() => {
       setViewEvent(null);
     });
 
diff --git a/web/src/routes/Events/index.jsx b/web/src/routes/Events/index.jsx
index eb9c9223f..0f0c03cb8 100644
--- a/web/src/routes/Events/index.jsx
+++ b/web/src/routes/Events/index.jsx
@@ -7,7 +7,7 @@ import { FetchStatus, useApiHost, useEvents } from '../../api';
 import { Table, Tfoot, Tr, Td } from '../../components/Table';
 import { useCallback, useEffect, useMemo, useReducer } from 'preact/hooks';
 import { reducer, initialState } from './reducer';
-import { useSearchString } from './hooks/useSearchString';
+import { useSearchString } from '../../hooks/useSearchString';
 import { useIntersectionObserver } from '../../hooks';
 
 const API_LIMIT = 25;