diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index 150d4fc..28d39ef 100644
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -11,17 +11,7 @@
       min-width: initial;
       max-width: initial;
     }
-    .algolia-autocomplete{
-      width: 100%;
-      height: 1.5em
-    }
-    #q{
-      width: 100%;
-      height: 100%;
-    }
   </style>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
-
 
   {% if pagename == 'index' %}
   <link rel="canonical" href="https://docs.python-guide.org/"/>
@@ -120,4 +110,13 @@
   <div style="text-align: center;" id="waldo-tag-2171"></div>
   {% if show_copyright %}<p>&copy;{{ copyright }}</p>{% endif %}
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
+<!-- at the end of the BODY -->
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+<script type="text/javascript"> docsearch({
+    apiKey: '512b0d6c0c8578bed7662f5279c2249c',
+    indexName: 'python-guide',
+    inputSelector: '#q',
+    debug: false // Set debug to true if you want to inspect the dropdown
+  });
+</script>
\ No newline at end of file
diff --git a/docs/_templates/sidebarintro.html b/docs/_templates/sidebarintro.html
index 7f725b4..692a984 100644
--- a/docs/_templates/sidebarintro.html
+++ b/docs/_templates/sidebarintro.html
@@ -11,7 +11,7 @@
   width: 100%;
   height: 1.5em
 }
-#q{
+#doc_search{
   width: 100%;
   height: 100%;
 }