diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index 20dd1482..fe1f1f8d 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -9,7 +9,7 @@ import AnimateItems from './AnimateItems';
 import { PATH_ROOT } from '@/site/paths';
 import usePrefersReducedMotion from '@/utility/usePrefersReducedMotion';
 import useMetaThemeColor from '@/site/useMetaThemeColor';
-import useEscapeHandler from '@/photo/useEscapeHandler';
+import useEscapeHandler from '@/utility/useEscapeHandler';
 
 export default function Modal({
   onClosePath,
diff --git a/src/photo/PhotoEscapeHandler.tsx b/src/photo/PhotoEscapeHandler.tsx
index afaf1019..cccc353c 100644
--- a/src/photo/PhotoEscapeHandler.tsx
+++ b/src/photo/PhotoEscapeHandler.tsx
@@ -3,7 +3,7 @@
 import { getEscapePath } from '@/site/paths';
 import { useRouter, usePathname } from 'next/navigation';
 import { useCallback } from 'react';
-import useEscapeHandler from './useEscapeHandler';
+import useEscapeHandler from '../utility/useEscapeHandler';
 
 export default function PhotoEscapeHandler() {
   const router = useRouter();
diff --git a/src/photo/useEscapeHandler.ts b/src/utility/useEscapeHandler.ts
similarity index 100%
rename from src/photo/useEscapeHandler.ts
rename to src/utility/useEscapeHandler.ts