diff --git a/Writerside/topics/Palette-Icons.md b/Writerside/topics/Palette-Icons.md
index 07b5d0d..36cccdc 100644
--- a/Writerside/topics/Palette-Icons.md
+++ b/Writerside/topics/Palette-Icons.md
@@ -18,61 +18,38 @@ Create a <path>.prop</path> file with a unique name in the <path>paletteicons</p
 </tip>
 
 Add the following properties to that prop file:
-<list type="bullet">
-    <li>
-        <code-block>
-            key paletteSetButtonBackgroundIcon common~!bgicon.png
-        </code-block>
-        <p>
-            Edit <code>common~!bgicon.png</code> to point to your icon background.
-        </p>
-    </li>
-    <li>
-        <code-block>
-            key paletteSetButtonIcon common~!icon.png
-        </code-block>
-        <p>
-            Edit <code>common~!icon.png</code> to point to your icon.
-        </p>
-    </li>
-    <li>
-        <code-block>
-            key paletteSetButtonLayout layouts~!0x98F661C7.layout
-        </code-block>
-        <p>
-            Usually, you don't need to edit this.
-        </p>
-    </li>
-    <li>
-        <code-block>
-            texts paletteSetName
-            &#x9;(0x0!0x0) ""
-            end
-        </code-block>
-        <p>
-            This is the text that appears when you hover, point it to your locale property and your text.
-        </p>
-    </li>
-    <li>
-        <code-block>
-            int32 paletteSetSequenceNumber 1025
-        </code-block>
-        <p>
-            This determines the ordering of palette icons in relation to each other
-        </p>
-        <warning>
-            <p>
-                This does not control the ordering of pages, so if this is set improperly,
-                its possible for your icon to appear out of order compared to the pages it's on.
-            </p>
-        </warning>
-    </li>
-</list>
+
+- ```
+  key paletteSetButtonBackgroundIcon common~!bgicon.png
+  ```
+  Edit `common~!bgicon.png` to point to your icon background.
+- ```
+  key paletteSetButtonIcon common~!icon.png
+  ```
+  Edit <code>common~!icon.png</code> to point to your icon.
+- ```
+  key paletteSetButtonLayout layouts~!0x98F661C7.layout
+  ```
+  Usually, you don't need to edit this.
+- ```
+  texts paletteSetName
+      (0x0!0x0) ""
+  end
+  ```
+  This is the text that appears when you hover over your icon, point it to your locale property and your text.
+- ```
+  int32 paletteSetSequenceNumber 1025
+  ```
+  This determines the ordering of palette icons in relation to each other
+  <warning>
+      <p>
+          This does not control the ordering of pages, so if this is set improperly,
+          its possible for your icon to appear out of order compared to the pages it's on.
+      </p>
+  </warning>
 
 Then for every page you want to have your icon, add the following property:
-<code-block>
+```
 int32 palettePageSetId hash(PALETTEICONPROP)
-</code-block>
-<p>
-Edit <code>PALETTEICONPROP</code> to be the name of your palette icon prop file (excluding the file extension).
-</p>
\ No newline at end of file
+```
+Editing `PALETTEICONPROP` to be the name of your palette icon prop file (excluding the file extension).
\ No newline at end of file