diff --git a/packages/widgetbook/CHANGELOG.md b/packages/widgetbook/CHANGELOG.md
index 77474c20f..b77a7dfd2 100644
--- a/packages/widgetbook/CHANGELOG.md
+++ b/packages/widgetbook/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## Unreleased
 
+- **FIX**: Use `MediaQuery.of(context).size` instead of `MediaQuery.sizeOf`, to maintain compatibility with Flutter v3.7. ([#1049](https://github.com/widgetbook/widgetbook/pull/1049))
 - **FIX**: Highlight selected `WidgetbookLeafComponent`. ([#1047](https://github.com/widgetbook/widgetbook/pull/1047))
 
 ## 3.4.0
diff --git a/packages/widgetbook/lib/src/layout/responsive_layout.dart b/packages/widgetbook/lib/src/layout/responsive_layout.dart
index 6c2b64cc2..1664ea5d5 100644
--- a/packages/widgetbook/lib/src/layout/responsive_layout.dart
+++ b/packages/widgetbook/lib/src/layout/responsive_layout.dart
@@ -49,7 +49,8 @@ class ResponsiveLayout extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final isMobile = MediaQuery.sizeOf(context).width < 800;
+    // MediaQuery.sizeOf is not backwards compatible with Flutter < 3.10.0
+    final isMobile = MediaQuery.of(context).size.width < 800;
 
     return isMobile
         ? MobileLayout(