diff --git a/searx/templates/simple/css/styles.css b/searx/templates/simple/css/styles.css
new file mode 100644
index 000000000..db355c85c
--- /dev/null
+++ b/searx/templates/simple/css/styles.css
@@ -0,0 +1,36 @@
+.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;
+}