diff --git a/src/app/index.coffee b/src/app/index.coffee
index 62b1062ee0..701b002325 100644
--- a/src/app/index.coffee
+++ b/src/app/index.coffee
@@ -53,7 +53,7 @@ get '/', (page, model) ->
 ## VIEW HELPERS ##
 view.fn 'taskClasses', (type, completed, score) ->
   classes = type
-  classes += " completed" if completed #TODO .done instead
+  classes += " completed" if completed
   switch
     when score<-8 then classes += ' color-worst'
     when score>=-8 and score<-5 then classes += ' color-worse'
diff --git a/styles/app/index.styl b/styles/app/index.styl
index e7ad708a55..7055f7092d 100644
--- a/styles/app/index.styl
+++ b/styles/app/index.styl
@@ -39,6 +39,9 @@ h1 > span {
   margin-left: 6px;
 }
 
+
+/**------------ Habits.styl ------------ */
+/*****************************************/
 #head {
   background: #ddd;
   background: -webkit-gradient(linear,0 0,0 100%,from(#e7e7e7),to(#d0d0d0));
@@ -53,9 +56,6 @@ h1 > span {
   white-space: nowrap;
 }
 
-/**------------ Habits.styl ------------ */
-/*****************************************/
-
 .color-worst { background-color: rgb(230, 184, 175);  }
 .color-worse { background-color: rgb(244, 204, 204);  }
 .color-bad { background-color: rgb(252, 229, 205);   }
@@ -63,7 +63,7 @@ h1 > span {
 .color-good { background-color: rgb(217, 234, 211); }
 .color-better { background-color: rgb(208, 224, 227); }
 .color-best { background-color: rgb(201, 218, 248); }
-.done { background-color: rgb(217, 217, 217); color: rgb(153, 153, 153); }
+.completed { background-color: rgb(217, 217, 217); color: rgb(153, 153, 153); }
 .reward { background-color: white; }
 
 .task {
@@ -113,8 +113,6 @@ h1 > span {
   width: 920px;  
 }
 
-
-
 #top-links {
   float:right;
 }