diff --git a/web_src/less/markup/content.less b/web_src/less/markup/content.less
index c941c2c8a8bac..b05292f32f8e4 100644
--- a/web_src/less/markup/content.less
+++ b/web_src/less/markup/content.less
@@ -158,14 +158,13 @@
 
   .task-list-item {
     list-style-type: none;
-    position: relative;
     line-height: 1.5rem;
+    margin-left: -1.6em;
     min-height: 1.5rem; // to render a checkbox list without content `- [ ]`, we need this min-height to make sure the <li> can be visible
 
     input[type="checkbox"] {
-      position: absolute;
-      top: .25em;
-      left: -1.6em;
+      top: -.1em;
+      margin-right: calc(1.6em - 14px);
     }
 
     p {