diff --git a/docs/source/examples/alerts.blade.md b/docs/source/examples/alerts.blade.md
index 9cacbc141..2f2710d04 100644
--- a/docs/source/examples/alerts.blade.md
+++ b/docs/source/examples/alerts.blade.md
@@ -13,7 +13,7 @@ Here's a bunch of examples:
 
 @component('_partials.code-sample', ['lang' => 'html'])
 <div class="bg-red-lighter border border-red-light text-red px-4 py-3 rounded relative">
-  <strong>Holy smokes!</strong> Something seriously bad happened.
+  <strong class="font-bold">Holy smokes!</strong> Something seriously bad happened.
   <span class="absolute pin-t pin-b pin-r px-4 py-3">
     <svg class="h-6 w-6 text-red" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z"/></svg>
   </span>
@@ -68,7 +68,7 @@ Here's a bunch of examples:
   <div class="flex">
     <svg class="h-6 w-6 text-teal mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"/></svg>
     <div>
-      <p class="font-semibold">Our privacy policy has changed</p>
+      <p class="font-bold">Our privacy policy has changed</p>
       <p class="text-sm">Make sure you know how these changes affect you.</p>
     </div>
   </div>