From 4deeb5e2998c9066ea79c182731a84b5f1c39e85 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Wed, 13 May 2026 20:41:10 +0700
Subject: [PATCH] webapp: fix control panel sometimes renders overflowing right
 side

---
 .../components/pagescene/src/lib/Stage3DBody.tsx | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/frontend/libs/components/pagescene/src/lib/Stage3DBody.tsx b/frontend/libs/components/pagescene/src/lib/Stage3DBody.tsx
index 49758d5f0a..03c0ac8cc2 100644
--- a/frontend/libs/components/pagescene/src/lib/Stage3DBody.tsx
+++ b/frontend/libs/components/pagescene/src/lib/Stage3DBody.tsx
@@ -190,10 +190,7 @@ export const Stage3DBody = ({
       if (viewport.width > 2000) return scaleHeight;
       return scaleHeight * 0.78;
     }
-    if (
-      camAspect === CameraAspectRatio.SQUARE_1_1 &&
-      viewport.width < 2000
-    ) {
+    if (camAspect === CameraAspectRatio.SQUARE_1_1 && viewport.width < 2000) {
       return scaleHeight * 0.85;
     }
     return scaleHeight;
@@ -370,8 +367,7 @@ export const Stage3DBody = ({
                 title: item.label || "Image Plane",
                 mediaToken: item.id,
                 progressCallback: (state) => {
-                  if (state.status)
-                    console.log("Upload status:", state.status);
+                  if (state.status) console.log("Upload status:", state.status);
                 },
               });
             }
@@ -393,10 +389,7 @@ export const Stage3DBody = ({
       <OnboardingHelper />
 
       <div className="relative flex h-full w-full">
-        <div
-          id="engine-n-panels-wrapper"
-          className="flex h-full w-full"
-        >
+        <div id="engine-n-panels-wrapper" className="flex h-full w-full">
           <div className="relative w-full overflow-hidden bg-transparent">
             <SceneContainer>
               <EditorCanvas />
@@ -416,8 +409,7 @@ export const Stage3DBody = ({
             </div>
 
             <div
-              className="absolute bottom-0 left-0"
-              style={{ width: viewport.width }}
+              className="absolute bottom-0 left-0 right-0"
               onClick={handleOverlayClick}
             >
               <div