diff --git a/index.html b/index.html
index 8e24fa4..6ed74ce 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
 <script src="https://cdn.tailwindcss.com"></script>
 <script src="https://cdn.jsdelivr.net/npm/tiny-ripple@0.2.0"></script>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.8.1/github-markdown-light.min.css"/>
@@ -113,7 +113,10 @@
             <div>
               <label class="block text-gray-700 font-medium mb-1">Reasoning Effort</label>
               <select id="set_reasoning_effort" class="w-full rounded-xl border border-gray-300 px-3 py-2">
-                <option value="default">Omitted</option><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option>
+                <option value="default">Omitted</option>
+                <option value="low">Low</option>
+                <option value="medium">Medium</option>
+                <option value="high">High</option>
               </select>
             </div>
           </div>
@@ -128,7 +131,10 @@
             <div>
               <label class="block text-gray-700 font-medium mb-1">Verbosity</label>
               <select id="set_verbosity" class="w-full rounded-xl border border-gray-300 px-3 py-2">
-                <option value="">Omitted</option><option value="low">Low</option><option value="medium">Medium</option><option value="high">High</option>
+                <option value="">Omitted</option>
+                <option value="low">Low</option>
+                <option value="medium">Medium</option>
+                <option value="high">High</option>
               </select>
             </div>
           </div>
@@ -205,7 +211,11 @@
           <div>
             <label class="block text-gray-700 font-medium mb-1">Provider</label>
             <select id="set_provider" class="w-full rounded-xl border border-gray-300 px-3 py-2">
-              <option value="openrouter">OpenRouter</option><option value="openai">OpenAI</option><option value="google">Google</option><option value="claude">Claude</option><option value="cloudflare">Cloudflare</option>
+              <option value="openrouter">OpenRouter</option>
+              <option value="openai">OpenAI</option>
+              <option value="google">Google</option>
+              <option value="claude">Claude</option>
+              <option value="cloudflare">Cloudflare</option>
             </select>
             <p class="mt-1 text-xs text-gray-500">Or you can prefix model names with or:, oai:, g:, cla:, or cf: to override.</p>
           </div>