diff --git a/settings.html b/settings.html
index 58249a04..03b682ad 100644
--- a/settings.html
+++ b/settings.html
@@ -117,12 +117,12 @@
   .ariadne-sources input[type=checkbox]{accent-color:var(--acid);width:18px;height:18px;cursor:pointer}
   .pmuted{color:var(--mut)}
   /* Settings › Apps */
-  .app{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}
-  .app img,.app .ph{width:32px;height:32px;border-radius:7px;flex:none;display:grid;place-items:center;font-size:20px}
-  .app .nm{flex:1;min-width:0} .app .nm b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-  .app .nm span{color:var(--mut);font-size:12.5px}
-  .app .btn.rm{background:transparent;color:#f6768a;border-color:rgba(246,118,138,.4)}
-  .app .btn.rm:hover{background:rgba(246,118,138,.12)}
+  .webapp{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:8px}
+  .webapp img,.webapp .ph{width:32px;height:32px;border-radius:7px;flex:none;display:grid;place-items:center;font-size:20px}
+  .webapp .nm{flex:1;min-width:0} .webapp .nm b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+  .webapp .nm span{color:var(--mut);font-size:12.5px}
+  .webapp .btn.rm{background:transparent;color:#f6768a;border-color:rgba(246,118,138,.4)}
+  .webapp .btn.rm:hover{background:rgba(246,118,138,.12)}
   .ceng{display:flex;align-items:center;gap:8px;background:#10151f;border:1px solid var(--line);border-radius:8px;padding:6px 10px;margin-bottom:6px;font-size:13px}
   .ceng .cs{font-size:14px;flex:none}
   /* engine checklist */
@@ -2624,7 +2624,7 @@
       emptyEl.hidden = apps.length > 0;
       listEl.innerHTML = apps.map((a) => {
         let when = ""; try { if (a.installedAt) when = new Date(a.installedAt).toLocaleDateString(); } catch {}
-        return `<div class="app" data-key="${escA(a.key)}">` +
+        return `<div class="webapp" data-key="${escA(a.key)}">` +
           (a.icon ? `<img src="${escA(a.icon)}" alt="">` : `<span class="ph">🧩</span>`) +
           `<div class="nm"><b>${escA(a.name)}</b><span>${escA(a.host)}${when ? " · installed " + escA(when) : ""}${a.open ? " · open now" : ""}</span></div>` +
           `<button class="btn" data-act="open">Open</button>` +
@@ -2634,7 +2634,7 @@
     }
     listEl.addEventListener("click", async (e) => {
       const b = e.target.closest("button[data-act]"); if (!b) return;
-      const key = b.closest(".app").dataset.key;
+      const key = b.closest(".webapp").dataset.key;
       if (b.dataset.act === "open") { await A.webappOpen(key); renderApps(); }
       else if (b.dataset.act === "sidebar") {
         const app = ((await A.webapps()) || []).find((x) => x.key === key);