A little reformat for size but still not the greatest.

public/code/Cards.html

@@ -8,13 +8,19 @@
       <h4>
         Card Example
       </h4>
-      <p>Lorem ipsum dolor sit amet, consectetur
+
-      adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
     </middle>
 
     <bottom>
-    <button><Icon name="check-circle" color="var(--color-bg)" size="24" /></button>
+      <button>
-    <button><Icon name="x-circle" color="var(--color-bg)"  size="24"/></button>
+        <Icon name="check-circle" color="var(--color-bg)" size="24" />
+      </button>
+      <button>
+        <Icon name="x-circle" color="var(--color-bg)"  size="24"/>
+      </button>
     </bottom>
   </card>
 </content>

public/code/Tiles.html

@@ -8,12 +8,17 @@
       <h4>
         Tile Example
       </h4>
-      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+        eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
     </middle>
 
     <right>
-    <button><Icon name="check-circle" color="var(--color-bg)" size="24" /></button>
+      <button>
-    <button><Icon name="x-circle" color="var(--color-bg)"  size="24"/></button>
+        <Icon name="check-circle" color="var(--color-bg)" size="24" />
+      </button>
+      <button>
+        <Icon name="x-circle" color="var(--color-bg)"  size="24"/>
+      </button>
     </right>
   </tile>
 </content>