diff --git a/plugins/libkolab/skins/elastic/include/tasklist.less b/plugins/libkolab/skins/elastic/include/tasklist.less
index 1a220467..d76c611c 100644
--- a/plugins/libkolab/skins/elastic/include/tasklist.less
+++ b/plugins/libkolab/skins/elastic/include/tasklist.less
@@ -313,6 +313,11 @@ html.touch #tasklist {
         list-style-type: none;
         margin: 0;
         padding: 0;
+
+        li {
+            display: flex;
+            align-items: center;
+        }
     }
 
     input {
diff --git a/plugins/tasklist/tasklist.php b/plugins/tasklist/tasklist.php
index d024890e..751da09f 100644
--- a/plugins/tasklist/tasklist.php
+++ b/plugins/tasklist/tasklist.php
@@ -1869,7 +1869,7 @@ class tasklist extends rcube_plugin
         foreach ($this->message_tasks as $task) {
             $checkbox = new html_checkbox(array(
                 'name' => 'completed',
-                'class' => 'complete',
+                'class' => 'complete pretty-checkbox',
                 'title' => $this->gettext('complete'),
                 'data-list' => $task['list'],
             ));