diff --git a/docs/styling.md b/docs/styling.md
index f498f405a..8afc77225 100644
--- a/docs/styling.md
+++ b/docs/styling.md
@@ -239,9 +239,9 @@ To **add a gradient fill**:
 
 1. In the **Fills** section of the right panel, click the color swatch to open up the color picker.
 2. At the top of the color picker, click one of these buttons to select the gradient type: 
-- <embed type="image/svg+xml" alt="linear_gradient" src="https://cdn-eu.icons8.com/docs/Dko8QE6mZ06fz2gAGGUBbA/ucBlC-G4FkGfihMcQeu-hg.svg" width="20"/> linear 
-- <embed type="image/svg+xml" alt="radial_gradient" src="https://cdn-eu.icons8.com/docs/Dko8QE6mZ06fz2gAGGUBbA/VI1Nwhu1AkyQwtPO8_4wfg.svg" width="20"/> radial 
-- <embed type="image/svg+xml" alt="angular_gradient" src="https://cdn-eu.icons8.com/docs/Dko8QE6mZ06fz2gAGGUBbA/pZ1KZ-MEKU6F_f96xtFiVw.svg" width="20"/> angular 
+    * linear (<embed type="image/svg+xml" alt="linear_gradient" src="https://cdn-eu.icons8.com/docs/Dko8QE6mZ06fz2gAGGUBbA/ucBlC-G4FkGfihMcQeu-hg.svg" width="20"/>) 
+    * radial (<embed type="image/svg+xml" alt="radial_gradient" src="https://cdn-eu.icons8.com/docs/Dko8QE6mZ06fz2gAGGUBbA/VI1Nwhu1AkyQwtPO8_4wfg.svg" width="20"/>) 
+    * angular (<embed type="image/svg+xml" alt="angular_gradient" src="https://cdn-eu.icons8.com/docs/Dko8QE6mZ06fz2gAGGUBbA/pZ1KZ-MEKU6F_f96xtFiVw.svg" width="20"/>) 
 3. The gradient bar with two handles will show up in the color picker.
 4. Also, you will see a gradient control with two color points over the layer. The appearance of the gradient control depends on the selected gradient type.
 5. Use the gradient control and/or the gradient bar to get the desired effect.