diff --git a/lib/templates/chooser_item.mustache b/lib/templates/chooser_item.mustache
index 722b2f57f76..f7a49e71d01 100644
--- a/lib/templates/chooser_item.mustache
+++ b/lib/templates/chooser_item.mustache
@@ -37,8 +37,8 @@
             {{/icon}}
         </span>
         <span class="typename">{{label}}</span>
-        <span class="typesummary">
-            {{{description}}}
-        </span>
     </label>
+    <div class="typesummary">
+        {{{description}}}
+    </div>
 </div>
diff --git a/theme/boost/scss/moodle/undo.scss b/theme/boost/scss/moodle/undo.scss
index bd2f52444ba..c9c41a6d77f 100644
--- a/theme/boost/scss/moodle/undo.scss
+++ b/theme/boost/scss/moodle/undo.scss
@@ -28,7 +28,7 @@ li.activity.label,
 
 // Some of this dialog is sized in ems so a different font size
 // effects the whole layout.
-.choosercontainer #chooseform .option label {
+.choosercontainer #chooseform .option {
     font-size: 12px;
 }
 
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index d79c3c5f9bc..db5c34b937d 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -19683,7 +19683,7 @@ li.activity.label,
   text-align: right;
   padding: 8px; }
 
-.choosercontainer #chooseform .option label {
+.choosercontainer #chooseform .option {
   font-size: 12px; }
 
 /* block.invisible vs .invisible
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index fdcf06dee2c..020704987c4 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -19683,7 +19683,7 @@ li.activity.label,
   text-align: right;
   padding: 8px; }
 
-.choosercontainer #chooseform .option label {
+.choosercontainer #chooseform .option {
   font-size: 12px; }
 
 /* block.invisible vs .invisible