diff --git a/browser/components/TodoListPercentage.styl b/browser/components/TodoListPercentage.styl
index f33309c2e..28f72842f 100644
--- a/browser/components/TodoListPercentage.styl
+++ b/browser/components/TodoListPercentage.styl
@@ -1,13 +1,31 @@
 .percentageBar
   position absolute
-  background-color #bcbcbc
-  height 20px
+  top 58px
+  right: 0px
+  left 0px
+  background-color #DADFE1
   width 100%
+  height: 15px
+  font-size: 12px
+  z-index 100
+  border-radius 2px
 
 .progressBar
-  background-color #52d8a5
-  height 20px
-  text-align center
+  background-color: #6C7A89
+  height 15px
+  border-radius 2px
+  transition 0.3s
 
-.progressBar p
-  color white
+.percentageText
+  color #f4f4f4
+  padding: 2px 43%
+
+body[data-theme="dark"]
+  .percentageBar
+    background-color #222426
+
+  .progressBar
+    background-color: $ui-dark-button--active-backgroundColor
+
+  .percentageText
+    color $ui-dark-text-color
\ No newline at end of file