3 files changed, 10 insertions, 6 deletions
diff --git a/client/simple/src/js/core/index.ts b/client/simple/src/js/core/index.ts
index 48d166f7d..59e64182c 100644
--- a/client/simple/src/js/core/index.ts
+++ b/client/simple/src/js/core/index.ts
@@ -1,5 +1,6 @@
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import "./nojs.ts";
 import "./router.ts";
 import "./toolkit.ts";
 import "./listener.ts";
diff --git a/client/simple/src/js/core/nojs.ts b/client/simple/src/js/core/nojs.ts
new file mode 100644
index 000000000..65c62dd90
--- /dev/null
+++ b/client/simple/src/js/core/nojs.ts
@@ -0,0 +1,8 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import { ready } from "./toolkit.ts";
+
+ready(() => {
+  document.documentElement.classList.remove("no-js");
+  document.documentElement.classList.add("js");
+});
diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html
index bd2e41a33..3ddc62ace 100644
--- a/searx/templates/simple/base.html
+++ b/searx/templates/simple/base.html
@@ -10,6 +10,7 @@
   <meta name="robots" content="noarchive">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}{% endblock %}{{ instance_name }}</title>
+  <script type="module" src="{{ url_for('static', filename='js/searxng.core.min.js') }}" client_settings="{{ client_settings }}"></script>
   {% block meta %}{% endblock %}
   {% if rtl %}
   <link rel="stylesheet" href="{{ url_for('static', filename='css/searxng-rtl.min.css') }}" type="text/css" media="screen">
@@ -19,11 +20,6 @@
   {% if get_setting('server.limiter') or get_setting('server.public_instance') %}
   <link rel="stylesheet" href="{{ url_for('client_token', token=link_token) }}" type="text/css">
   {% endif %}
-  <script>
-    // update the css
-    document.documentElement.classList.remove('no-js');
-    document.documentElement.classList.add('js');
-  </script>
   {% block head %}
   <link title="{{ instance_name }}" type="application/opensearchdescription+xml" rel="search" href="{{ opensearch_url }}">
   {% endblock %}
@@ -83,6 +79,5 @@
         {% endfor %}
     </p>
   </footer>
-  <script type="module" src="{{ url_for('static', filename='js/searxng.core.min.js') }}" client_settings="{{ client_settings }}"></script>
 </body>
 </html>