Move sprite highlight box back inside stage border

I'm not sure why I thought the sprite highlight box extended outside the
stage

Author: adroitwhiz

src/components/stage/stage.css

@@ -68,6 +68,7 @@ stage doesn't "spill" out from under its rounded corners. instead, shift these o
 }
 
 .monitor-wrapper,
+.frame-wrapper,
 .green-flag-overlay-wrapper {
     position: absolute;
     top: 0;

src/components/stage/stage.jsx

@@ -66,7 +66,13 @@ const StageComponent = props => {
                             stageSize={stageDimensions}
                         />
                     </Box>
-
+                    <Box className={styles.frameWrapper}>
+                        <TargetHighlight
+                            className={styles.frame}
+                            stageHeight={stageDimensions.height}
+                            stageWidth={stageDimensions.width}
+                        />
+                    </Box>
                     {isColorPicking && colorInfo ? (
                         <Loupe colorInfo={colorInfo} />
                     ) : null}
@@ -79,11 +85,6 @@ const StageComponent = props => {
                         {[styles.fullScreen]: isFullScreen}
                     )}
                 >
-                    <TargetHighlight
-                        className={styles.frame}
-                        stageHeight={stageDimensions.height}
-                        stageWidth={stageDimensions.width}
-                    />
                     <div
                         className={styles.stageBottomWrapper}
                         style={{