diff --git a/www/todo/main.js b/www/todo/main.js
index 1371cb0fb..c50d96f7a 100644
--- a/www/todo/main.js
+++ b/www/todo/main.js
@@ -43,7 +43,7 @@ define([
 
         var makeCheckbox = function (id, cb) {
             var entry = APP.lm.proxy.data[id];
-            var checked = entry.state === 1? 'fa-check-square-o': 'fa-square-o';
+            var checked = entry.state === 1? 'cp-task-checkbox-checked fa-check-square-o': 'cp-task-checkbox-unchecked fa-square-o';
 
             return $('<span>', {
                 'class': 'cp-task-checkbox fa ' + checked,
diff --git a/www/todo/todo.less b/www/todo/todo.less
index 939b11b70..0038f5771 100644
--- a/www/todo/todo.less
+++ b/www/todo/todo.less
@@ -77,4 +77,10 @@ body {
         font-size: 45px;
         width: 45px;
     }
+    .cp-task-checkbox-checked {
+
+    }
+    .cp-task-checkbox-unchecked {
+
+    }
 }