diff --git a/src/renderer/src/styles.css b/src/renderer/src/styles.css
index 34506f7..ae0f88a 100644
--- a/src/renderer/src/styles.css
+++ b/src/renderer/src/styles.css
@@ -844,10 +844,10 @@ kbd { flex:0 0 auto; font-family:var(--mono); font-size:12px; font-weight:600; c
 .lp-foot b { color:var(--accent); font-weight:400; }
 
 /* ============ keyboard-shortcuts (help) modal ============ */
-/* Project note (.notes.txt). Capped at 1000px so the text stays readable on a
-   wide screen; the height fills nearly the whole window, with a floor for small
-   ones, because a note is usually long. */
-.notes-modal { width:1000px; max-width:100%; height:100%;
+/* Project note (.notes.txt). The modal is as wide as the text column, so no
+   empty band stays next to the scrollbar; the height fills nearly the whole
+   window, with a floor for small ones, because a note is usually long. */
+.notes-modal { width:780px; max-width:100%; height:100%;
   background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r-lg);
   box-shadow:var(--shadow-overlay); overflow:hidden; display:flex; flex-direction:column; }
 .notes-modal .pi { height:50px; flex:0 0 50px; display:flex; align-items:center; gap:12px; padding:0 18px; border-bottom:1px solid var(--border); }
@@ -861,7 +861,7 @@ kbd { flex:0 0 auto; font-family:var(--mono); font-size:12px; font-weight:600; c
 .notes-modal .notes-hint kbd { color:#171C22; border-color:rgba(23,28,34,.25); font-size:11px; padding:0; }
 .notes-input { flex:1; min-height:0; width:100%; resize:none; background:transparent; border:0; outline:0;
   padding:18px 20px; color:var(--fg-1); font-family:var(--code-font); font-size:14px; line-height:1.7;
-  max-width:calc(68ch + 40px); caret-color:var(--accent); }
+  caret-color:var(--accent); }
 .notes-input::placeholder { color:var(--fg-3); }
 .notes-foot { height:34px; flex:0 0 34px; display:flex; align-items:center; padding:0 20px;
   border-top:1px solid var(--border); font-family:var(--mono); font-size:11px; color:var(--fg-3); }