diff --git a/src/renderer/components/maps/MapBattlePreview.vue b/src/renderer/components/maps/MapBattlePreview.vue
index 8e66e1bef..cbf447e75 100644
--- a/src/renderer/components/maps/MapBattlePreview.vue
+++ b/src/renderer/components/maps/MapBattlePreview.vue
@@ -100,7 +100,7 @@ const mapTextureUrl = computed(() => {
     return get(props.map.springName, props.map.imagesBlob?.preview) ?? defaultMiniMap;
 });
 
-const boxes = computed<StartBox[]>(() => getCurrentStartBoxes(props.map, props.mapOptions));
+const boxes = computed<StartBox[]>(() => getCurrentStartBoxes(props.map, props.mapOptions).map((box) => ({ ...box })));
 const mapWidthElmos = computed(() => (props.map?.mapWidth ? props.map.mapWidth * 512 : null));
 const mapHeightElmos = computed(() => (props.map?.mapHeight ? props.map.mapHeight * 512 : null));
 
diff --git a/src/renderer/components/maps/MapBattlePreviewStartBox.vue b/src/renderer/components/maps/MapBattlePreviewStartBox.vue
index a7ffd7e3f..fcc850097 100644
--- a/src/renderer/components/maps/MapBattlePreviewStartBox.vue
+++ b/src/renderer/components/maps/MapBattlePreviewStartBox.vue
@@ -18,7 +18,7 @@ SPDX-License-Identifier: MIT
             <div class="box-tooltip-side w-side" @mousedown.stop="startResize(null, 'w', $event)"></div>
             <div class="box-tooltip-corner ne-corner" @mousedown.stop="startResize('n', 'e', $event)"></div>
             <div class="box-tooltip-corner se-corner" @mousedown.stop="startResize('s', 'e', $event)"></div>
-            <div class="box-tooltip-corner nw-corner" @mousedown.stop="startResize('s', 'e', $event)"></div>
+            <div class="box-tooltip-corner nw-corner" @mousedown.stop="startResize('n', 'w', $event)"></div>
             <div class="box-tooltip-corner sw-corner" @mousedown.stop="startResize('s', 'w', $event)"></div>
             <span>{{ id + 1 }}</span>
         </div>