diff --git a/packages/app/src/components/file-explorer-pane.tsx b/packages/app/src/components/file-explorer-pane.tsx
index 0f0994884..e5c4de40f 100644
--- a/packages/app/src/components/file-explorer-pane.tsx
+++ b/packages/app/src/components/file-explorer-pane.tsx
@@ -331,6 +331,7 @@ export function FileExplorerPane({ serverId, agentId }: FileExplorerPaneProps) {
 
     return Gesture.Pan()
       .enabled(!isMobile)
+      .runOnJS(true)
       .hitSlop({ left: 12, right: 12, top: 0, bottom: 0 })
       .onBegin(() => {
         resizeStartRef.current = {
diff --git a/packages/app/src/stores/panel-store.ts b/packages/app/src/stores/panel-store.ts
index 69e3c11c9..c70e419fd 100644
--- a/packages/app/src/stores/panel-store.ts
+++ b/packages/app/src/stores/panel-store.ts
@@ -173,6 +173,10 @@ export const usePanelStore = create<PanelState>()(
 
           if (typeof state.explorerFilesSplitRatio !== "number") {
             state.explorerFilesSplitRatio = DEFAULT_EXPLORER_FILES_SPLIT_RATIO;
+          } else {
+            state.explorerFilesSplitRatio = clampExplorerFilesSplitRatio(
+              state.explorerFilesSplitRatio
+            );
           }
         }