diff --git a/src/App.tsx b/src/App.tsx
index 30a9de8..e9d78e9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -13,7 +13,7 @@ import { setState, useStore } from "./store.js";
 
 export default function App() {
   const sidebarWidth = useStore((state) => state.sidebarWidth);
-  const isMobile = useMediaQuery(useTheme().breakpoints.down("md"));
+  const isMobile = useMediaQuery(useTheme().breakpoints.down("lg"));
 
   const leftSidebarOpen = useStore((state) => state.leftSidebarOpen);
   const rightSidebarOpen = useStore((state) => state.rightSidebarOpen);
diff --git a/src/store.ts b/src/store.ts
index a60ef71..bd94424 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -181,7 +181,7 @@ const initialState: State = {
   prettifyJson: true,
   imageScale: 3,
   selectedResource: "1",
-  sidebarWidth: 300,
+  sidebarWidth: 400,
   headerHeight: 64,
 };