diff --git a/src/components/brief.astro b/src/components/brief.astro
index fa948a9b..3780f2fc 100644
--- a/src/components/brief.astro
+++ b/src/components/brief.astro
@@ -8,8 +8,7 @@ const { title } = Astro.props;
 
 ---
 <section class="brief">
-  <h1>{title}<span>.</span>
-  </h1>
+  <h1>{title}</h1>
   <div class="heading">
     <slot/>
   </div>
@@ -22,7 +21,8 @@ const { title } = Astro.props;
     display: flex;
     gap: 3rem;
   }
-  span {
+  h1::after {
+    content: '.';
     font-family: 'Source Code Pro';
     color: hsl(var(--blue-base) 50%);
     font-weight: 800;