diff --git a/src/routes/App.svelte b/src/routes/App.svelte
index d4b71af8..a2164047 100644
--- a/src/routes/App.svelte
+++ b/src/routes/App.svelte
@@ -338,6 +338,29 @@
                     New Campaign
                 </a>
             </li>
+            <li>
+                <a href="#" on:click={() => {
+                    showSettingsModal = true;
+                    mobileMenuOpen = false;
+                }}>
+                    <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="18"
+                        height="18"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        style="flex-shrink: 0;"
+                    >
+                        <circle cx="12" cy="12" r="3"></circle>
+                        <path d="M12 1v6m0 6v6m5.2-13.2l-4.2 4.2m0 6l4.2 4.2M23 12h-6m-6 0H1m18.2 5.2l-4.2-4.2m0-6l4.2-4.2"></path>
+                    </svg>
+                    Settings
+                </a>
+            </li>
         </ul>
     </div>
 {/if}
@@ -709,7 +732,9 @@
         text-decoration: none;
         font-weight: 500;
         padding: 0.75rem;
-        display: block;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
         border-radius: 8px;
         transition: all 0.2s ease;
     }
diff --git a/vitest.config.ts b/vitest.config.ts
index cf2a78ae..26591dad 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,7 +1,9 @@
 import { defineConfig } from 'vitest/config';
+import { sveltekit } from '@sveltejs/kit/vite';
 import path from 'path';
 
 export default defineConfig({
+  plugins: [sveltekit()], // Use SvelteKit plugin (already installed)
   test: {
     include: ['tests/**/*.test.ts'],
     exclude: ['web/**', 'node_modules/**', '.svelte-kit/**'],
@@ -12,5 +14,9 @@ export default defineConfig({
     alias: {
       $lib: path.resolve(__dirname, './src/lib'),
     },
+    extensions: ['.js', '.ts', '.svelte', '.json'], // Explicit extensions for ESM resolution
+  },
+  ssr: {
+    noExternal: ['wallet-svelte-component'], // Force bundling to handle missing .js extensions
   },
 });
\ No newline at end of file