diff --git a/src/pages/docs/font-size.mdx b/src/pages/docs/font-size.mdx
index 98c0ab1bb..720ebdfcd 100644
--- a/src/pages/docs/font-size.mdx
+++ b/src/pages/docs/font-size.mdx
@@ -24,55 +24,55 @@ Control the font size of an element using the `text-{size}` utilities.
   <dl class="text-violet-600">
     <div class="flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-3">xs</dt>
-      <dd class="truncate text-xs font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-xs font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-4">sm</dt>
-      <dd class="truncate text-sm font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-sm font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-5">base</dt>
-      <dd class="truncate text-base font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-base font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">lg</dt>
-      <dd class="truncate text-lg font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-lg font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-6 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">xl</dt>
-      <dd class="truncate text-xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-8 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">2xl</dt>
-      <dd class="truncate text-2xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-2xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">3xl</dt>
-      <dd class="truncate text-3xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-3xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">4xl</dt>
-      <dd class="truncate text-4xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-4xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-7">5xl</dt>
-      <dd class="truncate text-5xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-5xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-8">6xl</dt>
-      <dd class="truncate text-6xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-6xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">7xl</dt>
-      <dd class="truncate text-7xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-7xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-10 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">8xl</dt>
-      <dd class="truncate text-8xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-8xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="mt-8 flex items-start">
       <dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">9xl</dt>
-      <dd class="truncate text-9xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="truncate text-9xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
   </dl>
 </template>
@@ -97,7 +97,7 @@ Control the font size of an element using the `text-{size}` utilities.
 To control the font size of an element at a specific breakpoint, add a `{screen}:` prefix to any existing font size utility. For example, use `md:text-lg` to apply the `text-lg` utility at only medium screen sizes and above.
 
 ```html
-<p class="text-base **md:text-lg** ...">The quick brown fox jumped over the lazy dog.</p>
+<p class="text-base **md:text-lg** ...">The quick brown fox jumps over the lazy dog.</p>
 ```
 
 For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.
diff --git a/src/pages/docs/font-smoothing.mdx b/src/pages/docs/font-smoothing.mdx
index d49735ec4..308b29a15 100644
--- a/src/pages/docs/font-smoothing.mdx
+++ b/src/pages/docs/font-smoothing.mdx
@@ -20,7 +20,7 @@ Use the `subpixel-antialiased` utility to render text using subpixel antialiasin
 
 ```html lightBlue
 <template preview>
-  <p class="subpixel-antialiased text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="subpixel-antialiased text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**subpixel-antialiased** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `antialiased` utility to render text using grayscale antialiasing.
 
 ```html emerald
 <template preview>
-  <p class="antialiased text-lg text-emerald-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="antialiased text-lg text-emerald-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**antialiased** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ To control the font smoothing of an element at a specific breakpoint, add a `{sc
 
 ```html
 <p class="antialiased sm:subpixel-antialiased **md:antialiased** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```
 
diff --git a/src/pages/docs/font-style.mdx b/src/pages/docs/font-style.mdx
index 337bd380c..2bc57b762 100644
--- a/src/pages/docs/font-style.mdx
+++ b/src/pages/docs/font-style.mdx
@@ -20,7 +20,7 @@ Use the `italic` utility to make text italic.
 
 ```html emerald
 <template preview>
-  <p class="italic text-xl text-emerald-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="italic text-xl text-emerald-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**italic** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `not-italic` utility to display text normally. This is typically used to
 
 ```html amber
 <template preview>
-  <p class="not-italic text-xl text-amber-800">The quick brown fox jumped over the lazy dog.</p>
+  <p class="not-italic text-xl text-amber-800">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**not-italic** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ To control the font style of an element at a specific breakpoint, add a `{screen
 
 ```html
 <p class="italic **md:not-italic** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```
 
diff --git a/src/pages/docs/font-weight.mdx b/src/pages/docs/font-weight.mdx
index 4a6a54987..823db428d 100644
--- a/src/pages/docs/font-weight.mdx
+++ b/src/pages/docs/font-weight.mdx
@@ -23,39 +23,39 @@ Control the font weight of an element using the `font-{weight}` utilities.
   <dl class="text-light-blue-600 space-y-6">
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">thin</dt>
-      <dd class="text-xl font-thin">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-thin">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">extralight</dt>
-      <dd class="text-xl font-extralight">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-extralight">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">light</dt>
-      <dd class="text-xl font-light">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-light">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">normal</dt>
-      <dd class="text-xl font-normal">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-normal">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">medium</dt>
-      <dd class="text-xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">semibold</dt>
-      <dd class="text-xl font-semibold">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-semibold">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">bold</dt>
-      <dd class="text-xl font-bold">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-bold">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">extrabold</dt>
-      <dd class="text-xl font-extrabold">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-extrabold">The quick brown fox jumps over the lazy dog.</dd>
     </div>
     <div class="flex items-start">
       <dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">black</dt>
-      <dd class="text-xl font-black">The quick brown fox jumped over the lazy dog.</dd>
+      <dd class="text-xl font-black">The quick brown fox jumps over the lazy dog.</dd>
     </div>
   </dl> 
 </template>
@@ -76,7 +76,7 @@ Control the font weight of an element using the `font-{weight}` utilities.
 To control the font weight of an element at a specific breakpoint, add a `{screen}:` prefix to any existing font weight utility. For example, use `md:font-bold` to apply the `font-bold` utility at only medium screen sizes and above.
 
 ```html
-<p class="font-normal **md:font-bold** ...">The quick brown fox jumped over the lazy dog.</p>
+<p class="font-normal **md:font-bold** ...">The quick brown fox jumps over the lazy dog.</p>
 ```
 
 For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.
diff --git a/src/pages/docs/letter-spacing.mdx b/src/pages/docs/letter-spacing.mdx
index 4b0f1dbbf..f5eb7b374 100644
--- a/src/pages/docs/letter-spacing.mdx
+++ b/src/pages/docs/letter-spacing.mdx
@@ -22,27 +22,27 @@ Control the letter spacing of an element using the `tracking-{size}` utilities.
 <template preview>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-tighter</p>
-    <p class="tracking-tighter text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-tighter text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-tight</p>
-    <p class="tracking-tight text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-tight text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-normal</p>
-    <p class="tracking-normal text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-normal text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-wide</p>
-    <p class="tracking-wide text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-wide text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div class="mb-6">
     <p class="mb-1 text-sm text-light-blue-600">.tracking-wider</p>
-    <p class="tracking-wider text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-wider text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
   <div>
     <p class="mb-1 text-sm text-light-blue-600">.tracking-widest</p>
-    <p class="tracking-widest text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
+    <p class="tracking-widest text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
   </div>
 </template>
 
@@ -59,7 +59,7 @@ Control the letter spacing of an element using the `tracking-{size}` utilities.
 To control the letter spacing of an element at a specific breakpoint, add a `{screen}:` prefix to any existing letter spacing utility. For example, use `md:tracking-wide` to apply the `tracking-wide` utility at only medium screen sizes and above.
 
 ```html
-<p class="tracking-tight **md:tracking-wide** ...">The quick brown fox jumped over the lazy dog.</p>
+<p class="tracking-tight **md:tracking-wide** ...">The quick brown fox jumps over the lazy dog.</p>
 ```
 
 For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.
diff --git a/src/pages/docs/text-color.mdx b/src/pages/docs/text-color.mdx
index fadf9a0c5..9f6570876 100644
--- a/src/pages/docs/text-color.mdx
+++ b/src/pages/docs/text-color.mdx
@@ -34,7 +34,7 @@ Control the text color of an element using the `text-{color}` utilities.
 ```html
 <template preview>
   <p class="text-purple-600 text-center text-xl font-semibold truncate">
-    The quick brown fox jumped over the lazy dog.
+    The quick brown fox jumps over the lazy dog.
   </p>
 </template>
 
@@ -48,11 +48,11 @@ Control the opacity of an element's text color using the `text-opacity-{amount}`
 ```html
 <template preview>
   <div class="space-y-4">
-    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumped over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumps over the lazy dog.</p>
   </div>
 </template>
 
diff --git a/src/pages/docs/text-decoration.mdx b/src/pages/docs/text-decoration.mdx
index 8fc3be085..25c04cf7f 100644
--- a/src/pages/docs/text-decoration.mdx
+++ b/src/pages/docs/text-decoration.mdx
@@ -20,7 +20,7 @@ Use the `underline` utility to underline text.
 
 ```html fuchsia
 <template preview>
-  <p class="underline text-xl text-fuchsia-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="underline text-xl text-fuchsia-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**underline** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `line-through` utility to strike out text.
 
 ```html rose
 <template preview>
-  <p class="line-through text-xl text-rose-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="line-through text-xl text-rose-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**line-through** ...">The quick brown fox ...</p>
@@ -58,7 +58,7 @@ To control the text decoration of an element at a specific breakpoint, add a `{s
 
 ```html
 <p class="no-underline **md:underline** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```
 
diff --git a/src/pages/docs/text-opacity.mdx b/src/pages/docs/text-opacity.mdx
index 37fdf7439..8a864126a 100644
--- a/src/pages/docs/text-opacity.mdx
+++ b/src/pages/docs/text-opacity.mdx
@@ -17,11 +17,11 @@ Control the opacity of an element's text color using the `text-opacity-{amount}`
 ```html
 <template preview>
   <div class="space-y-4">
-    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumped over the lazy dog.</p>
-    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumped over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumps over the lazy dog.</p>
+    <p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumps over the lazy dog.</p>
   </div>
 </template>
 
diff --git a/src/pages/docs/text-transform.mdx b/src/pages/docs/text-transform.mdx
index ae55fe9f3..61090d6aa 100644
--- a/src/pages/docs/text-transform.mdx
+++ b/src/pages/docs/text-transform.mdx
@@ -20,7 +20,7 @@ Use the `normal-case` utility to preserve the original casing. This is typically
 
 ```html emerald
 <template preview>
-  <p class="normal-case text-xl text-emerald-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="normal-case text-xl text-emerald-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**normal-case** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `uppercase` utility to uppercase text.
 
 ```html purple
 <template preview>
-  <p class="uppercase text-xl text-purple-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="uppercase text-xl text-purple-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**uppercase** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ Use the `lowercase` utility to lowercase text.
 
 ```html rose
 <template preview>
-  <p class="lowercase text-xl text-rose-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="lowercase text-xl text-rose-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**lowercase** ...">The quick brown fox ...</p>
@@ -56,7 +56,7 @@ Use the `capitalize` utility to capitalize text.
 
 ```html fuchsia
 <template preview>
-  <p class="capitalize text-xl text-fuchsia-600">The quick brown fox jumped over the lazy dog.</p>
+  <p class="capitalize text-xl text-fuchsia-600">The quick brown fox jumps over the lazy dog.</p>
 </template>
 
 <p class="**capitalize** ...">The quick brown fox ...</p>
@@ -68,7 +68,7 @@ To control the text transformation of an element at a specific breakpoint, add a
 
 ```html
 <p class="capitalize **md:uppercase** ...">
-  The quick brown fox jumped over the lazy dog.
+  The quick brown fox jumps over the lazy dog.
 </p>
 ```
 
diff --git a/src/pages/docs/vertical-align.mdx b/src/pages/docs/vertical-align.mdx
index a412d23de..ff6dab5ba 100644
--- a/src/pages/docs/vertical-align.mdx
+++ b/src/pages/docs/vertical-align.mdx
@@ -26,7 +26,7 @@ Use `align-baseline` to align the baseline of an element with the baseline of it
       <span class="absolute top-0 border-light-blue-300 border-t border-b border-dashed w-full h-8"></span>
       <span class="absolute top-0 border-light-blue-300 border-t border-b border-dashed w-full h-4"></span>
     </span>
-    <span class="relative z-10 text-light-blue-600 font-medium">The quick brown fox jumped over the lazy dog.</span>
+    <span class="relative z-10 text-light-blue-600 font-medium">The quick brown fox jumps over the lazy dog.</span>
   </div>
 </template>
 
@@ -44,7 +44,7 @@ Use `align-top` to align the top of an element and its descendants with the top
       <span class="absolute top-0 border-emerald-300 border-t border-b border-dashed w-full h-8"></span>
       <span class="absolute top-0 border-emerald-300 border-t border-b border-dashed w-full h-4"></span>
     </span>
-    <span class="relative z-10 text-emerald-600 font-medium">The quick brown fox jumped over the lazy dog.</span>
+    <span class="relative z-10 text-emerald-600 font-medium">The quick brown fox jumps over the lazy dog.</span>
   </div>
 </template>
 
@@ -62,7 +62,7 @@ Use `align-middle` to align the middle of an element with the baseline plus half
       <span class="absolute top-0 border-purple-300 border-t border-b border-dashed w-full h-8"></span>
       <span class="absolute top-0 border-purple-300 border-t border-b border-dashed w-full h-4"></span>
     </span>
-    <span class="relative z-10 text-purple-600 font-medium">The quick brown fox jumped over the lazy dog.</span>
+    <span class="relative z-10 text-purple-600 font-medium">The quick brown fox jumps over the lazy dog.</span>
   </div>
 </template>
 
@@ -80,7 +80,7 @@ Use `align-bottom` to align the bottom of an element and its descendants with th
       <span class="absolute top-0 border-rose-300 border-t border-b border-dashed w-full h-8"></span>
       <span class="absolute top-0 border-rose-300 border-t border-b border-dashed w-full h-4"></span>
     </span>
-    <span class="relative z-10 text-rose-600 font-medium">The quick brown fox jumped over the lazy dog.</span>
+    <span class="relative z-10 text-rose-600 font-medium">The quick brown fox jumps over the lazy dog.</span>
   </div>
 </template>
 
@@ -98,7 +98,7 @@ Use `align-text-top` to align the top of an element with the top of the parent e
       <span class="absolute top-0 border-amber-300 border-t border-b border-dashed w-full h-8"></span>
       <span class="absolute top-0 border-amber-300 border-t border-b border-dashed w-full h-4"></span>
     </span>
-    <span class="relative z-10 text-amber-600 font-medium">The quick brown fox jumped over the lazy dog.</span>
+    <span class="relative z-10 text-amber-600 font-medium">The quick brown fox jumps over the lazy dog.</span>
   </div>
 </template>
 
@@ -116,7 +116,7 @@ Use `align-text-bottom` to align the bottom of an element with the bottom of the
       <span class="absolute top-0 border-fuchsia-300 border-t border-b border-dashed w-full h-8"></span>
       <span class="absolute top-0 border-fuchsia-300 border-t border-b border-dashed w-full h-4"></span>
     </span>
-    <span class="relative z-10 text-fuchsia-600 font-medium">The quick brown fox jumped over the lazy dog.</span>
+    <span class="relative z-10 text-fuchsia-600 font-medium">The quick brown fox jumps over the lazy dog.</span>
   </div>
 </template>