diff --git a/app/static/js/vault.js b/app/static/js/vault.js
index 6800516..833ba30 100644
--- a/app/static/js/vault.js
+++ b/app/static/js/vault.js
@@ -3200,7 +3200,12 @@ const Vault = (() => {
     }
   }
 
-  return { init };
+  return {
+    init,
+    // Exposed for inline onclick on the sidebar li — ensures the click reaches
+    // switchView regardless of addEventListener binding order or timing.
+    switchToImportExport: () => switchView('import-export'),
+  };
 })();
 
 /**
@@ -3263,4 +3268,4 @@ const Vault = (() => {
   }
 })();
 
-document.addEventListener("DOMContentLoaded", Vault.init);
+document.addEventListener("DOMContentLoaded", Vault.init);
\ No newline at end of file
diff --git a/app/templates/vault/index.html b/app/templates/vault/index.html
index 91e6f47..1432968 100644
--- a/app/templates/vault/index.html
+++ b/app/templates/vault/index.html
@@ -127,8 +127,9 @@
           id="sidebar-import-export"
           data-view="import-export"
           data-tooltip="Import / Export"
+          onclick="Vault.switchToImportExport()"
         >
-          <span class="sidebar-icon">↕️</span>
+          <span class="sidebar-icon">📤</span>
           <span class="sidebar-label">Import / Export</span>
         </li>
         <li
@@ -1004,4 +1005,4 @@
 <script src="{{ url_for('static', filename='js/auth.js') }}"></script>
 <script src="{{ url_for('static', filename='js/sharing.js') }}"></script>
 <script src="{{ url_for('static', filename='js/vault.js') }}"></script>
-{% endblock %}
+{% endblock %}
\ No newline at end of file