diff --git a/app/global.css b/app/global.css
index f876299..c937929 100644
--- a/app/global.css
+++ b/app/global.css
@@ -502,6 +502,7 @@ figure.shiki .line.highlighted {
   --pg-callout-accent: #525252;
   position: relative;
   display: flex;
+  align-items: flex-start;
   gap: 0.75rem;
   margin-block: 1.25rem;
   padding: 0.9rem 1rem;
@@ -532,8 +533,11 @@ figure.shiki .line.highlighted {
 }
 
 .pg-callout-icon {
+  display: flex;
   flex-shrink: 0;
-  margin-top: 0.15rem;
+  align-items: center;
+  /* same height as the first line of prose, so the icon centers on that row */
+  height: calc(1.75rem * var(--tw-prose-size, 1));
   color: var(--pg-callout-accent);
 }