diff --git a/assets/templates/quickbox/transform.tmpl b/assets/templates/quickbox/transform.tmpl
index b834942..c51e286 100644
--- a/assets/templates/quickbox/transform.tmpl
+++ b/assets/templates/quickbox/transform.tmpl
@@ -1,7 +1,6 @@
 {{define "page:content"}}
-<dialog class="quickbox-transform">
-  <div class="w3-modal-content w3-round-large w3-animate-top">
-    <header class="w3-container">
+<dialog id="dialog" class="quickbox-transform">
+    <header>
       <h5>
         <i class="bi bi-arrow-up-left-circle-fill" title="Transform"></i> Quicknote transform
       </h5>
@@ -102,6 +101,5 @@
         </div>
       </div>
     </form>
-  </div>
 </dialog>
 {{ end }}
diff --git a/cmd/web/quickbox_handlers.go b/cmd/web/quickbox_handlers.go
index e977c07..3a4ae51 100644
--- a/cmd/web/quickbox_handlers.go
+++ b/cmd/web/quickbox_handlers.go
@@ -128,6 +128,7 @@ func (app *application) quickboxTransform(w http.ResponseWriter, r *http.Request
 			app.serverError(w, r, err)
 		}
 
+		w.Header().Add("HX-Trigger-After-Settle", `{"showModalDialog": ""}`)
 		fullBuf.WriteTo(w)
 
 	case http.MethodPost: