diff --git a/app/assets/javascripts/app/views/task_widget.jst.eco b/app/assets/javascripts/app/views/task_widget.jst.eco
index 41689389e..e90ae8b54 100644
--- a/app/assets/javascripts/app/views/task_widget.jst.eco
+++ b/app/assets/javascripts/app/views/task_widget.jst.eco
@@ -1,5 +1,5 @@
-<div class="well" style="position: fixed; top: 40px; width: 100%; padding: 5px;">
+<div class="well taskbar">
   <% for item in @item_list: %>
-    <span class="label label-success" data-id="<%- item.key %>"><span class="task"><a style="color: #ffffff;" href="#ticket/zoom/<%- item.data.id %>" title="<%= item.data.title %>"><%= item.data.title %></a></span> <a href="#" data-type="close" class="icon-remove-circle" title="<%- @T('close') %>"></a></span>
+    <span class="label label-success" data-id="<%- item.key %>"><span class="task"><a href="#ticket/zoom/<%- item.data.id %>" title="<%= item.data.title %>"><%= item.data.title %></a></span> <a href="#" data-type="close" class="icon-remove-circle" title="<%- @T('close') %>"></a></span>
   <% end %>
 </div>
diff --git a/app/assets/stylesheets/zzz.css b/app/assets/stylesheets/zzz.css
index 10c54487f..2150d408e 100644
--- a/app/assets/stylesheets/zzz.css
+++ b/app/assets/stylesheets/zzz.css
@@ -47,6 +47,14 @@ table th, table td {
   white-space: nowrap;
 }
 
+.taskbar {
+  position: fixed;
+  top: 40px;
+  width: 100%;
+  padding: 5px;
+  z-index: 990;
+}
+
 .task {
   display: inline-block;
   max-width: 120px;
@@ -54,7 +62,9 @@ table th, table td {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.task > a,
 .task > a:hover {
+  color: #ffffff;
   text-decoration: none;
 }