diff --git a/app/views/guide_form_elements.html b/app/views/guide_form_elements.html
index 9ad9c8652..4b55a060b 100755
--- a/app/views/guide_form_elements.html
+++ b/app/views/guide_form_elements.html
@@ -277,15 +277,29 @@ <h4 class="heading-small" id="form-toggle-content-radios">
     {% include "snippets/form_inset_radios.html" %}
   </div>
 
-  <div class="panel panel-border-wide text">
+  <pre>
+  <code class="language-markup">
+    {% include "snippets/encoded/form_inset_radios.html" %}
+  </code>
+  </pre>
+
+  <p class="text">
+    In the code snippet above, the <code class="language-markup">data-target=""</code> attribute is present on every label, as each option reveals an extra field.
+  </p>
+
+  <div class="text">
     <p>
       A grey left hand border is used to visually connect the revealed content with the question above.
     </p>
   </div>
 
+<div class="example">
+  {% include "snippets/form_inset_panel.html" %}
+</div>
+
 <pre>
 <code class="language-markup">
-  <div class="panel panel-border-narrow"></div>
+  {% include "snippets/encoded/form_inset_panel.html" %}
 </code>
 </pre>
 
@@ -295,16 +309,6 @@ <h4 class="heading-small" id="form-toggle-content-radios">
     </p>
   </div>
 
-<pre>
-<code class="language-markup">
-  {% include "snippets/encoded/form_inset_radios.html" %}
-</code>
-</pre>
-
-  <p class="text">
-     In the code snippet above, the <code class="language-markup">data-target=""</code> attribute is present on every label, as each option reveals an extra field.
-  </p>
-
   <h4 class="heading-small" id="form-toggle-content-checkboxes">
     Checkboxes
   </h4>
diff --git a/app/views/snippets/form_inset_panel.html b/app/views/snippets/form_inset_panel.html
new file mode 100644
index 000000000..73ed78448
--- /dev/null
+++ b/app/views/snippets/form_inset_panel.html
@@ -0,0 +1,6 @@
+<div class="form-group">
+  <div class="panel panel-border-narrow" id="contact-by-text">
+    <label class="form-label" for="contact-text-message">Mobile phone number</label>
+    <input class="form-control" name="contact-text-message" type="text" id="contact-text-message">
+  </div>
+</div>