diff --git a/sass/_vars.scss b/sass/_vars.scss
index f12282b1a1..f83fd245e9 100644
--- a/sass/_vars.scss
+++ b/sass/_vars.scss
@@ -55,6 +55,8 @@ $color-white: #fff;
   --font-family-sans: "Fira Sans", sans-serif;
   --font-family-mono: "Fira Mono", monospace;
 
+  --list-spacing: 0.625em;
+
   // Neutrals by lightness
   --color-neutral-11: #1b1b1b;
   --color-neutral-13: #1e1e22;
diff --git a/sass/components/_main-menu.scss b/sass/components/_main-menu.scss
index e425775fbb..2fd0c48b06 100644
--- a/sass/components/_main-menu.scss
+++ b/sass/components/_main-menu.scss
@@ -1,8 +1,9 @@
 .main-menu {
   &__menu {
-    display: flex;
     margin: 0;
     padding: 0;
+    flex-direction: row;
+    gap: 0;
   }
 
   &__entry {
diff --git a/sass/components/_tree-menu.scss b/sass/components/_tree-menu.scss
index c9dacbb5da..b3fe3e02e6 100644
--- a/sass/components/_tree-menu.scss
+++ b/sass/components/_tree-menu.scss
@@ -6,6 +6,7 @@
     margin: 0;
     padding: 0;
     position: relative;
+    gap: 0;
 
     &__state {
         display: none;
diff --git a/sass/elements/_ul_and_ol.scss b/sass/elements/_ul_and_ol.scss
new file mode 100644
index 0000000000..6548e415bb
--- /dev/null
+++ b/sass/elements/_ul_and_ol.scss
@@ -0,0 +1,6 @@
+ul, ol {
+  display: flex;
+  flex-direction: column;
+  gap: var(--list-spacing);
+  padding-left: 1.6rem;
+}
diff --git a/sass/pages/_content.scss b/sass/pages/_content.scss
index e072626473..770688dc4b 100644
--- a/sass/pages/_content.scss
+++ b/sass/pages/_content.scss
@@ -89,11 +89,6 @@ $content-font-size: 1.22rem;
     margin-bottom: 0px;
   }
 
-  ol,
-  ul {
-    padding-left: 2.5rem;
-  }
-
   a.button {
     color: var(--media-content-button-text-color);
   }
diff --git a/sass/site.scss b/sass/site.scss
index e4cd932ae8..573a04f29b 100644
--- a/sass/site.scss
+++ b/sass/site.scss
@@ -18,6 +18,7 @@
 @import "elements/button";
 @import "elements/details";
 @import "elements/kbd";
+@import "elements/ul_and_ol";
 
 // CSS utility classes
 @import "utils";