diff --git a/pages/_docs/divider.md b/pages/_docs/divider.md
index 2a5379dbe..ed38f6933 100644
--- a/pages/_docs/divider.md
+++ b/pages/_docs/divider.md
@@ -7,19 +7,19 @@ done: true
 ### Default markup
 
 {% example html max-width=300 %}
-{% include ui/hr.html%}
+{% include ui/hr.html %}
 <p>
   Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
 </p>
-{% include ui/hr.html text="Left divider"%}
+{% include ui/hr.html text="Left divider" %}
 <p>
   Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
 </p>
-{% include ui/hr.html text="Centered divider" position="center"%}
+{% include ui/hr.html text="Centered divider" position="center" %}
 <p>
   Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
 </p>
-{% include ui/hr.html text="Right divider" position="right"%}
+{% include ui/hr.html text="Right divider" position="right" %}
 <p>
   Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
 </p>
@@ -30,8 +30,8 @@ done: true
 Customize the color of the divider. You can click [here]({% docs_url colors %}) to see the list of available colors.
 
 {% example %}
-{% include ui/hr.html text="Green divider" color="green"%}
+{% include ui/hr.html text="Green divider" color="green" %}
 <p>
 Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
 </p>
-{% endexample %}
\ No newline at end of file
+{% endexample %}
diff --git a/pages/_includes/ui/hr.html b/pages/_includes/ui/hr.html
index 6b7cceeae..b0357a25b 100644
--- a/pages/_includes/ui/hr.html
+++ b/pages/_includes/ui/hr.html
@@ -1 +1 @@
-<div class="hr-text hr-text-{{ include.position | default: 'left' | downcase }}{% if include.color %} text-{{ include.color }}{% endif %}">{{ include.text }}</div> 
+<div class="hr-text{% if include.position %} hr-text-{{ include.position | downcase }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}">{{ include.text | default: 'Label' }}</div>