diff --git a/docs/source/docs/text-color.blade.md b/docs/source/docs/text-color.blade.md
index a6500e05e..30ce965ce 100644
--- a/docs/source/docs/text-color.blade.md
+++ b/docs/source/docs/text-color.blade.md
@@ -27,11 +27,11 @@ title: "Text Color"
         </thead>
         <tbody class="align-baseline">
             @foreach ($page->config['colors'] as $name => $value)
-            <tr>
-                <td class="p-2 border-t border-smoke font-mono text-xs text-purple-dark whitespace-no-wrap">.text-{{ $name }}</td>
-                <td class="p-2 border-t border-smoke font-mono text-xs text-blue-dark whitespace-no-wrap">color: {{ $value }};</td>
-                <td class="p-2 border-t border-smoke text-sm text-grey-darker">Set the text color of an element to {{ str_replace('-',  ' ' , $name) }}.</td>
-            </tr>
+                <tr>
+                    <td class="p-2 border-t border-smoke font-mono text-xs text-purple-dark whitespace-no-wrap">.text-{{ $name }}</td>
+                    <td class="p-2 border-t border-smoke font-mono text-xs text-blue-dark whitespace-no-wrap">color: {{ $value }};</td>
+                    <td class="p-2 border-t border-smoke text-sm text-grey-darker">Set the text color of an element to {{ implode(' ', array_reverse(explode('-', $name))) }}.</td>
+                </tr>
             @endforeach
         </tbody>
     </table>