diff --git a/frontend-modern/src/components/Settings/Settings.tsx b/frontend-modern/src/components/Settings/Settings.tsx
index ae21be7ed..2d17865eb 100644
--- a/frontend-modern/src/components/Settings/Settings.tsx
+++ b/frontend-modern/src/components/Settings/Settings.tsx
@@ -561,10 +561,21 @@ const Settings: Component = () => {
     }
     
     try {
+      // Get CSRF token from cookie
+      const csrfToken = document.cookie
+        .split('; ')
+        .find(row => row.startsWith('pulse_csrf='))
+        ?.split('=')[1];
+      
       const headers: HeadersInit = {
         'Content-Type': 'application/json',
       };
       
+      // Add CSRF token if available
+      if (csrfToken) {
+        headers['X-CSRF-Token'] = csrfToken;
+      }
+      
       // Add API token if configured
       const apiToken = localStorage.getItem('apiToken');
       if (apiToken) {
@@ -659,10 +670,21 @@ const Settings: Component = () => {
         return;
       }
       
+      // Get CSRF token from cookie
+      const csrfToken = document.cookie
+        .split('; ')
+        .find(row => row.startsWith('pulse_csrf='))
+        ?.split('=')[1];
+      
       const headers: HeadersInit = {
         'Content-Type': 'application/json',
       };
       
+      // Add CSRF token if available
+      if (csrfToken) {
+        headers['X-CSRF-Token'] = csrfToken;
+      }
+      
       // Add API token if configured
       const apiToken = localStorage.getItem('apiToken');
       if (apiToken) {