diff --git a/src/kiri-mode/cam/client.js b/src/kiri-mode/cam/client.js
index 9daf9b7f..cc66d608 100644
--- a/src/kiri-mode/cam/client.js
+++ b/src/kiri-mode/cam/client.js
@@ -1231,19 +1231,20 @@ function createPopOp(type, map) {
                 div.classList.add('pop-tics')
                 op.div.appendChild(div);
                 div.innerHTML = h.build(
-                    h.div([
-                        h.label({id: noteid, _: `${poppedRec.note || ''}`})
-                    ])
+                    h.div([ h.label({ id: noteid }) ])
                 );
                 op.note = { divid, noteid };
+            }
+            if (op.note) {
+                const { divid, noteid } = op.note;
                 $(divid).onclick = () => {
                     let note = op.x = prompt('Edit Note for Operation', poppedRec.note || '');
                     if (note !== undefined && note !== null) {
-                        poppedRec.note = note || poppedRec.note;
-                        $(noteid).innerText = note;
+                        $(noteid).innerText = poppedRec.note = note;
                         API.conf.save();
                     }
                 };
+                $(noteid).innerText = poppedRec.note || '';
             }
         },
         group: [],
diff --git a/web/kiri/index.css b/web/kiri/index.css
index 73eee495..7c5c3fa0 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -848,6 +848,7 @@ th, tr, td, label {
     font-size: 11px;
     flex-direction: row;
     background-color: rgba(255,255,255,0.6);
+    border: 1px solid rgba(0,0,0,0.25);
     border-radius: 5px;
     word-break: break-word;
     white-space: normal;