diff --git a/src/main/java/org/olat/ims/qti/container/qtielements/HintMaterial.java b/src/main/java/org/olat/ims/qti/container/qtielements/HintMaterial.java
index 1ba56020059ec9104998eaf0e15d6d2ce27b9efb..0823b1095c69fa13229042b193112d77c7a35bd0 100644
--- a/src/main/java/org/olat/ims/qti/container/qtielements/HintMaterial.java
+++ b/src/main/java/org/olat/ims/qti/container/qtielements/HintMaterial.java
@@ -57,9 +57,11 @@ public class HintMaterial extends GenericQTIElement {
 	 */
 	@Override
 	public void render(StringBuilder buffer, RenderInstructions ri) {
-		buffer.append("<div id=\"o_qti_hints\" class=\"o_togglebox_wrapper\"><a href=\"#\" data-target=\"#o_qti_hints_inner\" onclick=\"jQuery(this).toggleClass('o_in')\"><i class='o_icon o_icon-fw'></i> ");
-		buffer.append(getHintTitle(ri));
-		buffer.append("</a><div id=\"o_qti_hints_inner\" class=\"collapse\"><div class=\"o_important clearfix\">");
+		buffer.append("<div id='o_qti_hints' class='o_togglebox_wrapper'>")
+		      .append("<a href='#' data-toggle='collapse' data-target='#o_qti_hints_inner' onclick='jQuery(this).toggleClass('o_in')'>")
+		      .append("<i class='o_icon o_icon-fw o_icon_help'></i> ")
+		      .append(getHintTitle(ri))
+		      .append("</a><div id=\"o_qti_hints_inner\" class=\"collapse\"><div class=\"o_important o_togglebox_content clearfix\">");
 		super.render(buffer, ri);
 		buffer.append("</div></div></div>");
 	}