From 88bc3a396e1060ad322ece987a46be061041b133 Mon Sep 17 00:00:00 2001
From: Fath11 <fathimkamal@gmail.com>
Date: Sun, 12 Oct 2025 11:13:30 +0800
Subject: [PATCH 1/2] minor styling change in stage-header.jsx

---
 src/components/stage-header/stage-header.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/stage-header/stage-header.jsx b/src/components/stage-header/stage-header.jsx
index 4059478cd92..c2fae958721 100644
--- a/src/components/stage-header/stage-header.jsx
+++ b/src/components/stage-header/stage-header.jsx
@@ -195,7 +195,14 @@ const StageHeaderComponent = function (props) {
             <Box
                 className={styles.stageHeaderWrapper}
                 // + 2 px because the stage will have 2 pixels of border around it
-                style={{minWidth: `${stageDimensions.width + 2}px`}}
+                style={{minWidth: `${
+                    stageSize === STAGE_DISPLAY_SIZES.constrained
+                        ? STAGE_DISPLAY_SCALE_METADATA.constrained.scale * Math.max(stageDimensions.widthDefault, FIXED_WIDTH) + 2
+                        : (stageSizeMode === STAGE_SIZE_MODES.full || stageSizeMode === STAGE_SIZE_MODES.large) && stageDimensions.width <= FIXED_WIDTH
+                            ? FIXED_WIDTH + 2
+                            : stageDimensions.width + 2
+                    }px`
+                }}
             >
                 <Box className={styles.stageMenuWrapper}>
                     <Controls

From 57d21b04c20c5826bb34f053e41ed0db73890c2e Mon Sep 17 00:00:00 2001
From: Fath11 <fathimkamal@gmail.com>
Date: Sun, 12 Oct 2025 11:28:22 +0800
Subject: [PATCH 2/2] defined missing constants from previous commit

---
 src/components/stage-header/stage-header.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/stage-header/stage-header.jsx b/src/components/stage-header/stage-header.jsx
index c2fae958721..a5490889314 100644
--- a/src/components/stage-header/stage-header.jsx
+++ b/src/components/stage-header/stage-header.jsx
@@ -10,7 +10,7 @@ import Button from '../button/button.jsx';
 import ToggleButtons from '../toggle-buttons/toggle-buttons.jsx';
 import Controls from '../../containers/controls.jsx';
 import {getStageDimensions} from '../../lib/screen-utils';
-import {STAGE_DISPLAY_SIZES, STAGE_SIZE_MODES} from '../../lib/layout-constants';
+import {STAGE_DISPLAY_SIZES, STAGE_SIZE_MODES, STAGE_DISPLAY_SCALE_METADATA, FIXED_WIDTH} from '../../lib/layout-constants';
 
 import fullScreenIcon from './icon--fullscreen.svg';
 import unFullScreenIcon from './icon--unfullscreen.svg';