diff --git a/templates/base.html b/templates/base.html
index d1718d2..e9bf3f8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {% tailwind_css %}
+    <script src="https://unpkg.com/htmx.org@1.9.3" integrity="sha384-lVb3Rd/Ca0AxaoZg5sACe8FJKF0tnUgR2Kd7ehUOG5GCcROv5uBIZsOqovBAcWua" crossorigin="anonymous"></script>
     <title>{% block title %}Simple TODO List{% endblock %}</title>
   </head>
   <body>
@@ -12,5 +13,11 @@
       {% block content %}
       {% endblock %}
     </div>
+
+    <script>
+        document.body.addEventListener('htmx:configRequest', (event) => {
+          event.detail.headers['X-CSRFToken'] = '{{ csrf_token }}';
+        })
+    </script>
   </body>
 </html>
