diff --git a/source/_data/data.json b/source/_data/data.json
index 5556a8ecf18cd91a42bf44a0d16ea0f162a1423b..b0c4aa67607504bcf71e2f7d627e7e7b969afcf4 100755
--- a/source/_data/data.json
+++ b/source/_data/data.json
@@ -32,6 +32,9 @@
     "short": "Lorizzle pimpin' dolizzle sit amet I",
     "medium": "Rizzle adipiscing elizzle. Nullam sapien velizzle, shit volutpizzle, my"
   },
+  "list": {
+    "item": "Shizz fo shizzle mah nizzle fo rizzle, <a href='#' class='underline'>mah home g-dizzle</a>, gravida vizzle, arcu. Pellentesque crunk tortizzle. Sed erizzle. Black izzle sheezy telliv."
+  },
   "excerpt": {
     "short": "Shizz fo shizzle mah nizzle fo rizzle, mah home g-dizzle, gravida vizzle, arcu. Pellentesque crunk tortizzle. Sed erizzle. Black izzle sheezy telliv.",
     "medium": "Izzle crazy tempizzle sizzle. We gonna chung gangsta get down get down fo shizzle turpizzle. Away break it down black. Pellentesque bling bling rhoncus fo shizzle. In hac the bizzle platea dictumst. Black dapibizzle. Crackalackin.",
diff --git a/source/_patterns/00-atoms/04-lists/dense-unordered-list.mustache b/source/_patterns/00-atoms/04-lists/dense-unordered-list.mustache
index 601404507763edbdd03a2c94d77d1fae31364fc0..ae19ce0c8c9e39a982eeff446272adb1ee38724c 100644
--- a/source/_patterns/00-atoms/04-lists/dense-unordered-list.mustache
+++ b/source/_patterns/00-atoms/04-lists/dense-unordered-list.mustache
@@ -1,8 +1,8 @@
 <ul class="unordered-list unordered-list--dense">
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
 </ul>
diff --git a/source/_patterns/00-atoms/04-lists/unordered-list-leading-variants.mustache b/source/_patterns/00-atoms/04-lists/unordered-list-leading-variants.mustache
index 9348b4c8347db5101f62519308f936880c882bbb..f431668d392f74eb51f877c60d4ee124d4a6d430 100644
--- a/source/_patterns/00-atoms/04-lists/unordered-list-leading-variants.mustache
+++ b/source/_patterns/00-atoms/04-lists/unordered-list-leading-variants.mustache
@@ -1,42 +1,66 @@
 <div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list leading-tight">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list leading-snug">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list leading-normal">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list leading-relaxed">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
 </div>
diff --git a/source/_patterns/00-atoms/04-lists/unordered-list-sizes.mustache b/source/_patterns/00-atoms/04-lists/unordered-list-sizes.mustache
index c7ad18af18fd0745957c8ff8ca3151b67ecaab5d..7bb2d74ee9cca2169663f58efa9378c70341b699 100644
--- a/source/_patterns/00-atoms/04-lists/unordered-list-sizes.mustache
+++ b/source/_patterns/00-atoms/04-lists/unordered-list-sizes.mustache
@@ -1,42 +1,66 @@
 <div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list text-xs">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list text-sm">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list text-lg">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
   <div class="inline-flex flex-col space-y-2">
     <ul class="unordered-list text-xl">
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
-      <li>{{ excerpt.short }}</li>
+      <li>
+        {{{ list.item }}}
+        <ul class="unordered-list">
+          <li>{{{ list.item }}}</li>
+          <li>{{{ list.item }}}</li>
+        </ul>
+      </li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
+      <li>{{{ list.item }}}</li>
     </ul>
   </div>
 </div>
diff --git a/source/_patterns/00-atoms/04-lists/unordered-list.mustache b/source/_patterns/00-atoms/04-lists/unordered-list.mustache
index c2c4758096aeda55410a4f87126344dcc99b61e0..1c9aa10a85b3653ce3478b841707c30df09e7cfb 100644
--- a/source/_patterns/00-atoms/04-lists/unordered-list.mustache
+++ b/source/_patterns/00-atoms/04-lists/unordered-list.mustache
@@ -1,8 +1,8 @@
 <ul class="unordered-list">
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
-  <li>{{ headline.short }}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
+  <li>{{{ list.item }}}</li>
 </ul>
diff --git a/source/css/atoms/list.pcss b/source/css/atoms/list.pcss
index f092952a9c015440db15bdb33295cc8c5e193c9d..ca9147f1113a8159b5e8283aa463f520ad546b8a 100644
--- a/source/css/atoms/list.pcss
+++ b/source/css/atoms/list.pcss
@@ -8,36 +8,39 @@
   @apply grid gap-4;
 
   li {
-    @apply grid items-start;
+    @apply list-none relative;
 
-    grid-gap: .5em;
-    grid-template-columns: auto 1fr;
+    padding-left: 1em;
 
     &:before {
-      @apply text-black;
+      @apply text-black absolute left-0;
 
       font-family: "pirati-ui";
       content: "\e919";
-      font-size: .5em;
+      font-size: .6em;
       font-weight: 600;
-      margin-top: .7em;
+      margin-top: .6ex;
     }
   }
 
   &.leading-tight li:before {
-    margin-top: .8em;
+    margin-top: .7ex;
   }
 
   &.leading-snug li:before {
-    margin-top: .6em;
+    margin-top: .6ex;
   }
 
   &.leading-normal li:before {
-    margin-top: .7em;
+    margin-top: .6ex;
   }
 
   &.leading-relaxed li:before {
-    margin-top: .6em;
+    margin-top: .8ex;
+  }
+
+  li ul {
+    @apply mt-4;
   }
 }
 
@@ -49,11 +52,11 @@
 .unordered-list--linked,
 .content-block .unordered-list--linked {
   li {
-    grid-template-columns: auto 1fr auto;
+    padding-right: 1em;
   }
 
   li:after {
-    @apply text-black;
+    @apply text-black absolute right-0;
 
     font-family: "pirati-ui";
     content: "\e923";