From ba5c1eff05882189b9a904282265d2a0dc27b797 Mon Sep 17 00:00:00 2001
From: vjaris42 <vjy239@gmail.com>
Date: Tue, 1 Jul 2025 16:14:12 +0530
Subject: [PATCH] fix: mobile view on editor (#13136)

---
 frontend/src/AppBuilder/AppCanvas/HotkeyProvider.jsx      | 2 +-
 frontend/src/AppBuilder/_stores/slices/componentsSlice.js | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/AppBuilder/AppCanvas/HotkeyProvider.jsx b/frontend/src/AppBuilder/AppCanvas/HotkeyProvider.jsx
index cf2c3471ad..018383c61f 100644
--- a/frontend/src/AppBuilder/AppCanvas/HotkeyProvider.jsx
+++ b/frontend/src/AppBuilder/AppCanvas/HotkeyProvider.jsx
@@ -136,7 +136,7 @@ export const HotkeyProvider = ({ children, mode, currentLayout, canvasMaxWidth }
       style={{
         width: currentLayout == 'mobile' ? '450px' : '100%',
         maxWidth: canvasMaxWidth,
-        // margin: '0 auto',
+        margin: '0 auto',
         transform: 'translateZ(0)',
       }}
     >
diff --git a/frontend/src/AppBuilder/_stores/slices/componentsSlice.js b/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
index f28d333df8..c3efb5cd36 100644
--- a/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
+++ b/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
@@ -1570,7 +1570,8 @@ export const createComponentsSlice = (set, get) => ({
     const currentPageId = getCurrentPageId(moduleId);
     set(
       (state) => {
-        state.modules[moduleId].pages[state.currentPageIndex].autoComputeLayout = false;
+        const currentPageIndex = state.modules[moduleId].pages.findIndex((page) => page.id === currentPageId);
+        state.modules[moduleId].pages[currentPageIndex].autoComputeLayout = false;
       },
       false,
       'turnOffAutoComputeLayout'