diff --git a/tool/template-doc.html b/tool/template-doc.html
index b3e9b8deb8..039ce5ad68 100644
--- a/tool/template-doc.html
+++ b/tool/template-doc.html
@@ -25,6 +25,12 @@
     <div class="content">
         {{ content }}
     </div>
+    <!--{# start embed of the typeform survey widget at the bottom of the page. #}-->
+    <hr>
+    <div id="typeform-survey" class="typeform-widget" data-url="" style="width: 100%; height: 300px"></div>
+    <script> $('#typeform-survey').attr('data-url', 'https://ryan1106.typeform.com/to/CROjck?source=' + window.location.pathname); </script>
+    <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
+    <!--{# end embed of the typeform survey widget at the bottom of the page. #}-->
   </article>
 {% endblock %}
 
@@ -34,11 +40,5 @@
     <ul class="dev_nav_sidebar card-body" id="dactyl_toc_sidebar">
       {{ sidebar_content }}
     </ul>
-    <hr>
-    <!--{# embeds the typeform survey widget. #}-->
-    <!--{# TODO: On smaller screens, the survey displays before the content - turn off the survey for mobile screens? #}-->
-    <div id="typeform-survey" class="typeform-widget" data-url="" style="width: 100%; height: 300px;"></div>
-    <script> $('#typeform-survey').attr('data-url', 'https://ryan1106.typeform.com/to/CROjck?source=' + window.location.pathname); </script>
-    <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script>
   </div>
 {% endblock %}