diff --git a/site/docs/4.1/utilities/colors.md b/site/docs/4.1/utilities/colors.md
index 5737826448..dbc3e6c186 100644
--- a/site/docs/4.1/utilities/colors.md
+++ b/site/docs/4.1/utilities/colors.md
@@ -43,13 +43,10 @@ Similar to the contextual text color classes, easily set the background of an el
 
 ## Background gradient
 
-When `$enable-gradients` is set to true, you'll be able to use `.bg-gradient-` utility classes. **By default, `$enable-gradients` is disabled and the example below is intentionally broken.** This is done for easier customization from the moment you start using Bootstrap. [Learn about our Sass options]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/theming/#sass-options) to enable these classes and more.
+When `$enable-gradients` is set to true, you'll be able to use `.bg-gradient-` utility classes. This is done for easier customization from the moment you start using Bootstrap. [Learn about our Sass options]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/theming/#sass-options) to enable these classes and more.
 
-{% capture example %}
 {% for color in site.data.theme-colors %}
-<div class="p-3 mb-2 bg-gradient-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">.bg-gradient-{{ color.name }}</div>{% endfor %}
-{% endcapture %}
-{% include example.html content=example %}
+- `.bg-gradient-{{ color.name }}`{% endfor %}
 
 {% capture callout %}
 #### Dealing with specificity