use a more semantic element

diff --git a/src/components/ui/callout.astro b/src/components/ui/callout.astro
index d566f0787a54bbdd90118482441370312351753e..3807941d5ee04e30127b432b656bd9d73b2b08df 100644 (file)
--- a/src/components/ui/callout.astro
+++ b/src/components/ui/callout.astro
@@ -17,10 +17,10 @@ const calloutLabels: Record<CalloutLevel, string> = {
 const calloutLabel = label ?? calloutLabels[level];
 ---
 
-<div class={`callout callout-${level}`}>
-  <div class={`callout-label`}>{calloutLabel}</div>
+<aside class={`callout callout-${level}`}>
+  <header class={`callout-label`}>{calloutLabel}</header>
   <div class="callout-content"><slot /></div>
-</div>
+</aside>
 
 <style>
   .callout {