diff --git a/src/utils/hooks/useClickOutsideFocus.ts b/src/utils/hooks/useClickOutsideFocus.ts
index 6fcf0677..a6239ecf 100644
--- a/src/utils/hooks/useClickOutsideFocus.ts
+++ b/src/utils/hooks/useClickOutsideFocus.ts
@@ -2,6 +2,7 @@
  * Handles blur by detecting clicks outside refs.
  */
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCloseOnEscape } from '~/utils/hooks/index';
 
 export const useClickOutsideFocus = () => {
   const ref = useRef<HTMLElement>();
@@ -26,5 +27,7 @@ export const useClickOutsideFocus = () => {
     return () => document.removeEventListener('mouseup', deactivator);
   }, [isActive]);
 
+  useCloseOnEscape(deactivate);
+
   return { ref, isActive, activate, deactivate };
 };