diff --git a/assets/sass/_theme/design-system/layout.sass b/assets/sass/_theme/design-system/layout.sass
index ea0d007862599690093af90cdff243603a326525..f495a62450e5b7423ef82848ff326ed67a213dea 100644
--- a/assets/sass/_theme/design-system/layout.sass
+++ b/assets/sass/_theme/design-system/layout.sass
@@ -43,8 +43,11 @@ iframe
     .hero + &
         margin-top: $spacing3
 
-ul
-    padding-left: $spacing0
+ul,
+ol
+    // https://since1979.dev/aligning-your-lists-with-your-text/
+    padding-left: 0
+    list-style-position: inside
 
 .document-content
     .container > .lead
diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass
index b53b14fd86183ec43ddff6c8627c6b682ead06ac..d80a093d7a250add3c87f8bacd2b106e4eacae4e 100644
--- a/assets/sass/_theme/design-system/typography.sass
+++ b/assets/sass/_theme/design-system/typography.sass
@@ -203,7 +203,8 @@ p
 p:empty
     display: none
 
-p + ul
+p + ul,
+p + ol
     margin-top: 0
 
 figcaption
@@ -256,6 +257,11 @@ abbr, abbr[title]
     color: $color-background
     text-shadow: none
 
+sub,
+sup
+    font-size: 60%
+    margin-left: px2rem(2)
+
 *:focus-visible
     outline-color: gray
     outline-offset: 5px