diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html
index 97e72ec71..d8096c112 100644
--- a/searx/templates/simple/base.html
+++ b/searx/templates/simple/base.html
@@ -1,6 +1,44 @@
 <!DOCTYPE html>
 <html class="no-js theme-{{ preferences.get_value('simple_style') or 'auto' }} center-aligment-{{ preferences.get_value('center_alignment') and 'yes' or 'no' }}" lang="{{ locale_rfc5646 }}" {% if rtl %} dir="rtl"{% endif %}>
 <head>
+  <style>
+    .chatbot-container {
+  width: 400px;
+  margin: 0 auto;
+  padding: 20px;
+  border: 1px solid #ccc;
+  overflow: auto;
+  height: 300px;
+}
+
+#chatbot-form {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+#chatbot-form label {
+  font-weight: bold;
+  margin-right: 10px;
+}
+
+#chatbot-form input[type="text"] {
+  flex: 1;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  margin-right: 10px;
+}
+
+#chatbot-response {
+  margin-top: 10px;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  height: 200px;
+  overflow: auto;
+}
+  </style>
   <meta charset="UTF-8" />
   <meta name="description" content="SearXNG — a privacy-respecting, hackable metasearch engine">
   <meta name="keywords" content="SearXNG, search, search engine, metasearch, meta search">
