diff --git a/static/js/app.js b/static/js/app.js
index d409ff0..8049f9d 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -5,6 +5,12 @@ document.addEventListener('DOMContentLoaded', function() {
     const sidebarClose = document.getElementById('sidebarClose');
     const sidebar = document.getElementById('sidebar');
 
+    // Add OPML import button handler
+    const importOpmlButton = document.getElementById('importOpmlButton');
+    importOpmlButton.addEventListener('click', function() {
+        console.log('OPML import button clicked - functionality coming soon!');
+    });
+
     function toggleSidebar() {
         sidebar.classList.toggle('active');
     }
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 42cf70c..52bb3f6 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -60,6 +60,7 @@
                     <span class="user-menu-icon"><i class="fas fa-user"></i></span>
                 </button>
                 <div class="user-menu-dropdown" id="userMenuDropdown">
+                    <button class="user-menu-item" id="importOpmlButton">Import OPML</button>
                     <button class="user-menu-item" id="logoutButton">Logout</button>
                 </div>
             </div>