diff --git a/assets/controllers/materialize/form_select_controller.js b/assets/controllers/materialize/form_select_controller.js
new file mode 100644
index 000000000..3a0fcf374
--- /dev/null
+++ b/assets/controllers/materialize/form_select_controller.js
@@ -0,0 +1,12 @@
+import { Controller } from '@hotwired/stimulus';
+import M from '@materializecss/materialize';
+
+export default class extends Controller {
+  connect() {
+    this.instance = M.FormSelect.init(this.element.querySelector('select'));
+  }
+
+  disconnect() {
+    this.instance.destroy();
+  }
+}
diff --git a/assets/index.js b/assets/index.js
index e4c9336b3..69fad640d 100755
--- a/assets/index.js
+++ b/assets/index.js
@@ -272,8 +272,6 @@ const articleScroll = () => {
 };
 
 $(document).ready(() => {
-  $('select').formSelect();
-
   $('.fixed-action-btn').floatingActionButton();
 
   stickyNav();
diff --git a/templates/Config/index.html.twig b/templates/Config/index.html.twig
index 585725a19..d513904ac 100644
--- a/templates/Config/index.html.twig
+++ b/templates/Config/index.html.twig
@@ -71,7 +71,7 @@
                             </div>
 
                             <div class="row">
-                                <div class="input-field col s11">
+                                <div class="input-field col s11" data-controller="materialize--form-select">
                                     {{ form_errors(form.config.action_mark_as_read) }}
                                     {{ form_widget(form.config.action_mark_as_read) }}
                                     {{ form_label(form.config.action_mark_as_read) }}
@@ -79,7 +79,7 @@
                             </div>
 
                             <div class="row">
-                                <div class="input-field col s11">
+                                <div class="input-field col s11" data-controller="materialize--form-select">
                                     {{ form_errors(form.config.language) }}
                                     {{ form_widget(form.config.language) }}
                                     {{ form_label(form.config.language) }}
@@ -119,7 +119,7 @@
                             <h5>{{ 'config.tab_menu.article_display'|trans }}</h5>
 
                             <div class="row">
-                                <div class="input-field col s5">
+                                <div class="input-field col s5" data-controller="materialize--form-select">
                                     {{ form_errors(form.config.font) }}
                                     {{ form_widget(form.config.font) }}
                                     {{ form_label(form.config.font) }}