diff --git a/core/modules/color/preview.html.twig b/core/modules/color/preview.html.twig
index b788b6f8fc..62061f3377 100644
--- a/core/modules/color/preview.html.twig
+++ b/core/modules/color/preview.html.twig
@@ -4,11 +4,12 @@
       {% trans %}Example heading{% endtrans %}
     </h2>
     <p>
-      {% trans %}This is a block of example content. This content is here to
-      demonstrate what actual content would look like in the color scheme you
-      configure. <a href="#">This is an example link</a>, to demonstrate how
-      background colors you configure may affect the readability of links. This
-      is some more text to demonstrate what actual content would
+      {% trans %}This is a block of example content.{% endtrans %}
+      {% trans %}This content is here to demonstrate what actual content would
+      look like in the color scheme you configure.{% endtrans %}
+      {% trans %}<a href="#">This is an example link</a>, to demonstrate how
+      background colors you configure may affect the readability of links.{% endtrans %}
+      {% trans %}This is some more text to demonstrate what actual content would
       look like in the color scheme you configure.{% endtrans %}
     </p>
   </div>
diff --git a/core/themes/bartik/color/preview.html.twig b/core/themes/bartik/color/preview.html.twig
index f7f11c818e..f5a108053e 100644
--- a/core/themes/bartik/color/preview.html.twig
+++ b/core/themes/bartik/color/preview.html.twig
@@ -19,9 +19,9 @@
       <div class="color-preview-block preview-block">
         <h2>{% trans %}Example heading{% endtrans %}</h2>
         <div class="preview-content">
-          {% trans %}This is a block of example content. This content is here
-          to demonstrate what actual content would look like in the color scheme
-          you configure.{% endtrans %}
+          {% trans %}This is a block of example content.{% endtrans %}
+          {% trans %}This content is here to demonstrate what actual content
+          would look like in the color scheme you configure.{% endtrans %}
         </div>
       </div>
     </div>
@@ -31,14 +31,16 @@
       </h1>
       <div class="color-preview-node">
         <div class="preview-content">
-          {% trans %}This is a block of example content. This content is here
-          to demonstrate what actual content would look like in the color
-          scheme you configure. <a href="#">This is an example link</a>, to
+          {% trans %}This is a block of example content.{% endtrans %}
+          {% trans %}This content is here to demonstrate what actual content
+          would look like in the color scheme you configure.{% endtrans %}
+          {% trans %}<a href="#">This is an example link</a>, to
           demonstrate how background colors you configure may affect the
-          readability of links. Another sentence to demonstrate what actual
-          content would look like in the color scheme you configure.
-          <a href="#">This is another example link.</a> This is the end of this
-          block of example content.{% endtrans %}
+          readability of links.{% endtrans %}
+          {% trans %}Another sentence to demonstrate what actual content would
+          look like in the color scheme you configure.{% endtrans %}
+          {% trans %}<a href="#">This is another example link.</a>{% endtrans %}
+          {% trans %}This is the end of this block of example content.{% endtrans %}
         </div>
       </div>
     </div>
@@ -50,9 +52,9 @@
         <div class="preview-block">
           <h2>{% trans %}Example heading{% endtrans %}</h2>
           <div class="content">
-            {% trans %}This is a block of example content. This content is here
-            to demonstrate what actual content would look like in the color
-            scheme you configure.{% endtrans %}
+            {% trans %}This is a block of example content.{% endtrans %}
+            {% trans %}This content is here to demonstrate what actual content
+            would look like in the color scheme you configure.{% endtrans %}
           </div>
         </div>
       </div>