diff --git a/CHANGELOG.md b/CHANGELOG.md
index cdb12eae..c4071cf0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -83,7 +83,8 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
cover, what it holds and any problems before anything changes, then offers what fits: INSTALL,
BRING IT BACK for one deleted here, UPDATE for one already here, or REPLACE, which asks first
when the copy here was changed, always beside KEEP BOTH. A name already taken is shown as the
- copy name it will get.
+ copy name it will get. The place to choose or drop a file is roomier and sits centered in its
+ folder.
- **What the SYSTEMS.EXE window will say.** The badges on each system (RUNNING, PUBLISHED v3,
UNPUBLISHED CHANGES, a problem count, INSTALLED), the facts beside the one picked, and, for a file
diff --git a/frontend/src/components/SystemsWindow.tsx b/frontend/src/components/SystemsWindow.tsx
index c0cc8e98..b739a029 100644
--- a/frontend/src/components/SystemsWindow.tsx
+++ b/frontend/src/components/SystemsWindow.tsx
@@ -184,7 +184,7 @@ function InstallPanel({ api, onInstalled }: { api: Api; onInstalled: (id: string
onDragLeave={() => setDragging(false)}
onDrop={(e) => { e.preventDefault(); setDragging(false); read(e.dataTransfer.files[0]); }}
style={{
- border: `1px dashed var(--green)`, padding: 12, textAlign: 'center', fontSize: 11, letterSpacing: 1, cursor: 'pointer',
+ border: `1px dashed var(--green)`, padding: '24px 12px', textAlign: 'center', fontSize: 11, letterSpacing: 1, cursor: 'pointer',
background: dragging ? 'color-mix(in srgb, var(--green) 12%, transparent)' : 'none',
}}
>
@@ -521,7 +521,9 @@ export function SystemsWindow({ token, running, pos, setPos, onClose, fetcher }:
>}
{folder === 'new' &&