diff --git a/src/text.scss b/src/text.scss
index 8467371..24b7fe5 100644
--- a/src/text.scss
+++ b/src/text.scss
@@ -1,9 +1,18 @@
 @use "palette";
 @use "settings";
 
-p {
+p, ul, ol {
     font-family: settings.$font-body-text;
     font-size: 1rem;
+    margin: 1rem 0 .5rem 0;
+}
+
+ul, ol {
+    margin: 0 0 1.5rem 2rem;
+
+    > li::marker {
+        color: palette.$grey400;
+    }
 }
 
 blockquote {
diff --git a/web/pages/text.njk b/web/pages/text.njk
index 257bea7..021367b 100644
--- a/web/pages/text.njk
+++ b/web/pages/text.njk
@@ -23,5 +23,22 @@
 		</blockquote>
 	</p>
 
+	<h2>Lists</h2>
+	<p>Unordered list below:</p>
+	<ul>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+	</ul>
+	<p>Ordered list below:</p>
+	<ol>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
+	</ol>
 
 {% endblock %}