diff --git a/css/style.css b/css/style.css
index ba61d7a..18d92f7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -878,7 +878,9 @@ input[type="range"]::-webkit-slider-thumb {
 .entry-grid.is-list .entry-note-row  { display: contents; }
 .entry-grid.is-list .entry-note-placeholder {
     order: 3;
-    flex: 1;
+    /* Same track as .entry-pw so note rows line their copy button up with
+       the password rows'. Full text on hover via the title attr. */
+    flex: 0 0 110px;
     min-width: 0;
     font-size: 11px;
     color: var(--text-dim);
diff --git a/js/app.js b/js/app.js
index e0a381b..2c6b95e 100644
--- a/js/app.js
+++ b/js/app.js
@@ -2911,8 +2911,9 @@ function renderCard(e) {
         // copy.
         const noteRow = el('div', { class: 'entry-note-row' });
         const tplLbl = templateLabel(e.template);
-        noteRow.appendChild(el('span', { class: 'entry-note-placeholder' },
-            tplLbl || 'Encrypted note · click to read'));
+        const noteLbl = tplLbl || 'Encrypted note · click to read';
+        noteRow.appendChild(el('span',
+            { class: 'entry-note-placeholder', title: noteLbl }, noteLbl));
         // Same crypto pipeline as a password — copyPassword decrypts the
         // body and drops it in the secure clipboard.
         const copyBtn = el('button', {