diff --git a/cmd/http/public/transactions.html b/cmd/http/public/transactions.html
index ce5926d..15a6e0a 100644
--- a/cmd/http/public/transactions.html
+++ b/cmd/http/public/transactions.html
@@ -82,7 +82,12 @@
       function stageEdit(row) {
         const deltaJSON = atob(row.attributes.delta.value)
         const delta = JSON.parse(deltaJSON)
-        document.getElementById("modal-textarea").value = JSON.stringify(delta, null, 2)
+
+        document.getElementById("edit-date").value = delta.Date
+        document.getElementById("edit-description").value = delta.Description
+        document.getElementById("edit-name").value = delta.Name
+        document.getElementById("edit-value").value = delta.Value
+
         document.getElementById("modal").showModal()
       }
 
@@ -141,7 +146,19 @@
           <div style="flex-grow: 100;"></div>
           <button type="submit">X</button>
         </div>
-        <textarea id="modal-textarea" style="font-family: monospace;"></textarea>
+
+        <label>Date</label>
+        <input id="edit-date" type="text" style="width: 80%;"/>
+
+        <label>Description</label>
+        <input id="edit-description" type="text" style="width: 80%;"/>
+
+        <label>Name</label>
+        <input id="edit-name" type="text" style="width: 80%;"/>
+
+        <label>Value</label>
+        <input id="edit-value" type="text" style="width: 80%;"/>
+
         <button type="submit" style="background-color: maroon;">Submit</button>
       </form>
     </dialog>