diff --git a/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx b/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx
index 790511d8a..464d93b46 100644
--- a/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx
+++ b/packages/web/src/javascripts/Components/ResponsivePane/ResponsivePaneProvider.tsx
@@ -1,4 +1,5 @@
 import { ElementIds } from '@/Constants/ElementIDs'
+import { isMobileScreen } from '@/Utils'
 import { useEffect, ReactNode, useMemo, createContext, useCallback, useContext, useState } from 'react'
 import { AppPaneId } from './AppPaneMetadata'
 
@@ -24,8 +25,12 @@ type Props = {
 }
 
 const ResponsivePaneProvider = ({ children }: Props) => {
-  const [currentSelectedPane, setCurrentSelectedPane] = useState<AppPaneId>(AppPaneId.Editor)
-  const [previousSelectedPane, setPreviousSelectedPane] = useState<AppPaneId>(AppPaneId.Editor)
+  const [currentSelectedPane, setCurrentSelectedPane] = useState<AppPaneId>(
+    isMobileScreen() ? AppPaneId.Items : AppPaneId.Editor,
+  )
+  const [previousSelectedPane, setPreviousSelectedPane] = useState<AppPaneId>(
+    isMobileScreen() ? AppPaneId.Items : AppPaneId.Editor,
+  )
 
   const toggleAppPane = useCallback(
     (paneId: AppPaneId) => {