diff --git a/app/views/rb_tasks/_task.html.erb b/app/views/rb_tasks/_task.html.erb
index b26905c4ed..41193d93cb 100644
--- a/app/views/rb_tasks/_task.html.erb
+++ b/app/views/rb_tasks/_task.html.erb
@@ -8,12 +8,12 @@
     <div class="t"><%= assignee_name_or_empty(task) %></div>
     <div class="v"><%= assignee_id_or_empty(task) %></div>
   </div>
-  <div class="remaining_hours editable" fieldname="remaining_hours"><%= remaining_hours(task) %></div>
+  <div class="remaining_hours editable<%= ' empty' if remaining_hours(task).blank? %>" fieldname="remaining_hours"><%= remaining_hours(task) %></div>
   <div class="indicator"> </div>
   <div class="meta">
     <div class="story_id"><%= task.parent_id %></div>
     <div class="status_id"><%= task.status_id %></div>
     <div class="previous"><%= task.right_sibling.blank? ? '' : task.right_sibling.id %></div>
-    <%= render :partial => "shared/model_errors", :object => task.errors %>  
+    <%= render :partial => "shared/model_errors", :object => task.errors %>
   </div>
 </div>
diff --git a/assets/javascripts/app/task.js b/assets/javascripts/app/task.js
index 06b7e0cf25..ef13539eb7 100644
--- a/assets/javascripts/app/task.js
+++ b/assets/javascripts/app/task.js
@@ -75,6 +75,12 @@ RB.Task = (function ($) {
         this.$.children('.remaining_hours.editor').val('');
         this.$.children('.remaining_hours.editable').text('');
       }
+    },
+
+    refreshed : function () {
+      var remainingHours = this.$.children('.remaining_hours.editable');
+
+      remainingHours.toggleClass('empty', remainingHours.is(':empty'));
     }
   });
 }(jQuery));
diff --git a/assets/stylesheets/taskboard.css b/assets/stylesheets/taskboard.css
index 883fdafb11..402b1c14a9 100644
--- a/assets/stylesheets/taskboard.css
+++ b/assets/stylesheets/taskboard.css
@@ -204,7 +204,7 @@ See RB.Taskboard.initialize()
 #rb .issue .blocks {
   display:none;
 }
-#rb .issue .remaining_hours.editable:empty {
+#rb .issue .remaining_hours.editable.empty {
   display:none;
 }
 #rb .issue .indicator {