diff --git a/data/templates/styles.html b/data/templates/styles.html
index 2bbb78bfa..15f34bf56 100644
--- a/data/templates/styles.html
+++ b/data/templates/styles.html
@@ -167,6 +167,11 @@ div.columns{display: flex; gap: min(4vw, 1.5em);}
 div.column{flex: 1;}
 div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
 ul.task-list{list-style: none;}
+ul.task-list li input[type="checkbox"] {
+  width: 0.8em;
+  margin: 0 0.8em 0.2em -1.6em;
+  vertical-align: middle;
+}
 $if(quotes)$
 q { quotes: "“" "”" "‘" "’"; }
 $endif$
diff --git a/test/lhs-test.html b/test/lhs-test.html
index 03894af2b..ea9681585 100644
--- a/test/lhs-test.html
+++ b/test/lhs-test.html
@@ -152,6 +152,11 @@
     div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
     pre > code.sourceCode { white-space: pre; position: relative; }
     pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
     pre > code.sourceCode > span:empty { height: 1.2em; }
diff --git a/test/lhs-test.html+lhs b/test/lhs-test.html+lhs
index 3a821f24c..f88dd4700 100644
--- a/test/lhs-test.html+lhs
+++ b/test/lhs-test.html+lhs
@@ -152,6 +152,11 @@
     div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
     pre > code.sourceCode { white-space: pre; position: relative; }
     pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
     pre > code.sourceCode > span:empty { height: 1.2em; }
diff --git a/test/s5-basic.html b/test/s5-basic.html
index 4b6668c96..1d0f8a3f9 100644
--- a/test/s5-basic.html
+++ b/test/s5-basic.html
@@ -17,6 +17,11 @@
     div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
   <!-- configuration parameters -->
diff --git a/test/s5-fancy.html b/test/s5-fancy.html
index 8f110ffac..824001b42 100644
--- a/test/s5-fancy.html
+++ b/test/s5-fancy.html
@@ -17,6 +17,11 @@
     div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
   </style>
   <!-- configuration parameters -->
   <meta name="defaultView" content="slideshow" />
diff --git a/test/s5-inserts.html b/test/s5-inserts.html
index 8aef36a42..58e0c6caa 100644
--- a/test/s5-inserts.html
+++ b/test/s5-inserts.html
@@ -15,6 +15,11 @@
     div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
   <link rel="stylesheet" href="main.css" type="text/css" />
diff --git a/test/writer.html4 b/test/writer.html4
index 9126916c3..ec13d9ded 100644
--- a/test/writer.html4
+++ b/test/writer.html4
@@ -155,6 +155,11 @@
     div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
 </head>
diff --git a/test/writer.html5 b/test/writer.html5
index 119e4a32a..ad8079f75 100644
--- a/test/writer.html5
+++ b/test/writer.html5
@@ -155,6 +155,11 @@
     div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
   <!--[if lt IE 9]>