diff --git a/nextjs-app/components/SchoolDetailView.module.css b/nextjs-app/components/SchoolDetailView.module.css
index 4456fb4..aefeeaf 100644
--- a/nextjs-app/components/SchoolDetailView.module.css
+++ b/nextjs-app/components/SchoolDetailView.module.css
@@ -87,18 +87,20 @@
   display: flex;
   gap: 0.5rem;
   flex-shrink: 0;
+  align-self: center;
 }
 
 .btnAdd,
 .btnRemove {
-  padding: 0.5rem 1rem;
-  font-size: 0.875rem;
+  padding: 0.75rem 1.25rem;
+  font-size: 0.9375rem;
   font-weight: 600;
   border: none;
-  border-radius: 6px;
+  border-radius: 8px;
   cursor: pointer;
   transition: all 0.2s ease;
   white-space: nowrap;
+  box-shadow: var(--shadow-soft, 0 2px 8px rgba(26, 22, 18, 0.08));
 }
 
 .btnAdd {
@@ -780,9 +782,9 @@
 
 /* ── Hero at-a-glance stats (A3) ─────────────────────────────────────── */
 .heroStats {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-  gap: 1.5rem 2rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.25rem 3rem;
   margin-top: 1.5rem;
   padding-top: 1.5rem;
   border-top: 1px solid var(--border-color, #e5dfd5);
@@ -791,8 +793,9 @@
 .heroStat {
   display: flex;
   flex-direction: column;
-  gap: 0.25rem;
+  gap: 0.35rem;
   min-width: 0;
+  flex: 0 0 auto;
 }
 
 .heroStatNumber {
@@ -861,8 +864,7 @@
   }
 
   .heroStats {
-    grid-template-columns: 1fr 1fr;
-    gap: 1rem;
+    gap: 1rem 1.5rem;
   }
 
   .heroSummary {
diff --git a/nextjs-app/components/SchoolDetailView.tsx b/nextjs-app/components/SchoolDetailView.tsx
index 5d9b910..18d19d3 100644
--- a/nextjs-app/components/SchoolDetailView.tsx
+++ b/nextjs-app/components/SchoolDetailView.tsx
@@ -232,23 +232,6 @@ export function SchoolDetailView({
             </div>
           )}
 
-          {isPrimary && heroRwm != null && heroRwmNat != null && heroRwm > heroRwmNat && (
-            <div className={`${styles.heroChip} ${styles['tone-teal']}`}>
-              <div className={styles.heroChipTitle}>Above national average</div>
-              <div className={styles.heroChipSub}>
-                Reading, Writing &amp; Maths · {Math.round(heroRwm)} vs {Math.round(heroRwmNat)}
-              </div>
-            </div>
-          )}
-
-          {isSecondary && heroAtt8 != null && heroAtt8Nat != null && heroAtt8 > heroAtt8Nat && (
-            <div className={`${styles.heroChip} ${styles['tone-teal']}`}>
-              <div className={styles.heroChipTitle}>Above national average</div>
-              <div className={styles.heroChipSub}>
-                Attainment 8 · {heroAtt8.toFixed(1)} vs {heroAtt8Nat.toFixed(1)}
-              </div>
-            </div>
-          )}
         </div>
 
         {/* At-a-glance stats row */}