More Consistent Callout Headings

Callout blocks now handle headings more cleanly. If a heading is the first item inside a callout, we remove the extra top spacing that previously pushed it down, so the heading aligns neatly with the callout’s padding and icon. This makes callouts look more consistent across pages and reduces “jumps” in layout when scanning content.

Before:

Now:

CSS guidance (optional tweaks)

You can adjust callout heading spacing with Custom CSS by changing heading margins inside callouts. This is optional—no action is needed to benefit from the improvement.

Where to add this: Super site’s dashboard → Code Settings → CSS

.notion-callout .notion-callout__content{
  line-height: 1.6;
}

.notion-callout .notion-callout__content > .notion-semantic-string,
.notion-callout .notion-callout__content p{
  display: block;
  margin: 0.35em 0;
}

Important Note: If you’re using a heavily customized theme, selectors may vary. Please feel free to adjust the value according to your preferences.