From 2bab15eb50f1a10d0e901ef7f36f18477ba8a2de Mon Sep 17 00:00:00 2001
From: Teodor Calin <teodor@vulturelabs.io>
Date: Thu, 3 Sep 2026 13:32:05 +0300
Subject: [PATCH] Fix app detail heading hierarchy

---
 src/pages/apps/[id].astro | 6 +++---
 src/styles/appstore.css   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/apps/[id].astro b/src/pages/apps/[id].astro
index 3b25ba8a..b37803d1 100644
--- a/src/pages/apps/[id].astro
+++ b/src/pages/apps/[id].astro
@@ -343,7 +343,7 @@ const canonicalUrl = `https://pilotprotocol.network/apps/${app.id}`;
       <!-- SIDEBAR -->
       <aside class="detail-side">
         <div class="side-card">
-          <h4>Information</h4>
+          <h3>Information</h3>
           <div class="info-row"><span class="k">Vendor</span><span class="val">{app.vendorUrl ? <a href={app.vendorUrl} target="_blank" rel="noopener">{app.vendor}</a> : app.vendor}</span></div>
           <div class="info-row"><span class="k">Category</span><span class="val">{catName(app.primaryCategory)}</span></div>
           <div class="info-row"><span class="k">Version</span><span class="val">{app.version}</span></div>
@@ -357,7 +357,7 @@ const canonicalUrl = `https://pilotprotocol.network/apps/${app.id}`;
 
         {app.grants.length > 0 && (
         <div class="side-card">
-          <h4>Permissions</h4>
+          <h3>Permissions</h3>
           {app.grants.map((g) => {
             const idx = g.indexOf(':');
             const cap = idx === -1 ? g : g.slice(0, idx);
@@ -369,7 +369,7 @@ const canonicalUrl = `https://pilotprotocol.network/apps/${app.id}`;
         )}
 
         <div class="side-card">
-          <h4>Publish an app</h4>
+          <h3>Publish an app</h3>
           <p style="font-size:13px;color:var(--ink-dim);line-height:1.55;margin:0 0 14px;">Built something agents need? Ship it to the catalogue with one PR.</p>
           <a class="pub-btn" href="/publish" style="width:100%;justify-content:center;box-sizing:border-box;">Publish your app <span class="arr">→</span></a>
         </div>
diff --git a/src/styles/appstore.css b/src/styles/appstore.css
index ec1ca2ed..59e76e58 100644
--- a/src/styles/appstore.css
+++ b/src/styles/appstore.css
@@ -379,7 +379,7 @@
 /* sidebar (information) */
 .detail-side { min-width: 0; position: sticky; top: 78px; display: grid; gap: 22px; }
 .side-card { min-width: 0; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 14px; background: var(--bg-2); padding: 20px; }
-.side-card h4 { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-dim); margin: 0 0 14px; }
+.side-card h3 { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-dim); margin: 0 0 14px; }
 .info-row { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 13px; }
 .info-row:first-of-type { border-top: 0; }
 .info-row .k { font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-dim); }