diff --git a/public/code/Cards.html b/public/code/Cards.html
index bc42c38..27d005b 100644
--- a/public/code/Cards.html
+++ b/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><Icon name="x-circle" color="var(--color-bg)"  size="24"/></button>
+      <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>
diff --git a/public/code/Tiles.html b/public/code/Tiles.html
index 5bc8522..0847695 100644
--- a/public/code/Tiles.html
+++ b/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><Icon name="x-circle" color="var(--color-bg)"  size="24"/></button>
+      <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>