diff --git a/backend/static/js/alpine-components.js b/backend/static/js/alpine-components.js
index ddf714d9..294533e2 100644
--- a/backend/static/js/alpine-components.js
+++ b/backend/static/js/alpine-components.js
@@ -3,6 +3,10 @@
  * Enhanced components matching React frontend functionality
  */
 
+// Wrap ALL code to wait for Alpine to be available
+document.addEventListener('alpine:init', () => {
+  console.log('Alpine is ready, registering components...');
+
 // Theme Toggle Component
 Alpine.data('themeToggle', () => ({
   theme: localStorage.getItem('theme') || 'system',
@@ -705,7 +709,5 @@ Alpine.store('toast', {
   }
 });
 
-// Initialize Alpine.js when DOM is ready
-document.addEventListener('alpine:init', () => {
-  console.log('Alpine.js components initialized');
+  console.log('All Alpine.js components registered successfully');
 });