diff --git a/plugins/discourse-details/assets/javascripts/initializers/apply-details.js.es6 b/plugins/discourse-details/assets/javascripts/initializers/apply-details.js.es6
index 9677bb32c2f..15a3c56ea16 100644
--- a/plugins/discourse-details/assets/javascripts/initializers/apply-details.js.es6
+++ b/plugins/discourse-details/assets/javascripts/initializers/apply-details.js.es6
@@ -15,10 +15,10 @@ function initializeDetails(api) {
     actions: {
       insertDetails() {
         this.get("toolbarEvent").applySurround(
-          `[details=${I18n.t("composer.details_title")}]`,
-          "[/details]",
+          "\n" + `[details=${I18n.t("composer.details_title")}]` + "\n",
+          "\n[/details]\n",
           "details_text",
-          { multiline: false }
+          { multiline: true }
         );
         this.set('optionsVisible', false);
       }