diff --git a/src/hooks/useDetectOverflow.ts b/src/hooks/useDetectOverflow.ts
index 5385b5a9..9f9b39de 100644
--- a/src/hooks/useDetectOverflow.ts
+++ b/src/hooks/useDetectOverflow.ts
@@ -6,7 +6,9 @@ export const useDetectOverflow = (ref: RefObject<HTMLElement>) => {
     useEffect(() => {
         const observer = new ResizeObserver((entries) => {
             entries.forEach((entry) => {
-                setOverflow(entry.target.scrollWidth > entry.target.clientWidth);
+                const hasHorizontalOverflow = entry.target.scrollWidth > entry.target.clientWidth;
+                const hasVerticalOverflow = entry.target.scrollHeight > entry.target.clientHeight;
+                setOverflow(hasHorizontalOverflow || hasVerticalOverflow);
             });
         });