diff --git a/web/src/components/ui/sidebar/SidebarProvider.vue b/web/src/components/ui/sidebar/SidebarProvider.vue
index 36606c4c..537c71de 100644
--- a/web/src/components/ui/sidebar/SidebarProvider.vue
+++ b/web/src/components/ui/sidebar/SidebarProvider.vue
@@ -19,7 +19,7 @@ const emits = defineEmits<{
   "update:open": [open: boolean]
 }>()
 
-const isMobile = useMediaQuery("(max-width: 768px)")
+const isMobile = useMediaQuery("(width < 48rem)")
 const openMobile = ref(false)
 
 const open = useVModel(props, "open", emits, {