diff --git a/app/hooks/useMobile.ts b/app/hooks/useMobile.ts
index 3cc4c9fae..79b97255a 100644
--- a/app/hooks/useMobile.ts
+++ b/app/hooks/useMobile.ts
@@ -3,5 +3,5 @@ import useMediaQuery from "~/hooks/useMediaQuery";
 
 export default function useMobile(): boolean {
   const theme = useTheme();
-  return useMediaQuery(`(max-width: ${theme.breakpoints.tablet}px)`);
+  return useMediaQuery(`(max-width: ${theme.breakpoints.tablet - 1}px)`);
 }