diff --git a/app/coffee/modules/common/components.coffee b/app/coffee/modules/common/components.coffee
index 1ad39fff..68d4cf5c 100644
--- a/app/coffee/modules/common/components.coffee
+++ b/app/coffee/modules/common/components.coffee
@@ -429,7 +429,7 @@ ListItemTypeDirective = ->
 
 TgProgressBarDirective = ->
     template = _.template("""
-        <div class="current-progress" style="width: calc(<%- percentage %>% - 4px)"></div>
+        <div class="current-progress" style="width: <%- percentage %>%"></div>
     """)
 
     render = (el, percentage) ->
diff --git a/app/partials/views/components/summary.jade b/app/partials/views/components/summary.jade
index c8d0db74..3ad90218 100644
--- a/app/partials/views/components/summary.jade
+++ b/app/partials/views/components/summary.jade
@@ -1,5 +1,6 @@
 div.summary
     div.summary-progress-bar(tg-progress-bar="stats.completedPercentage")
+        div.current-progress(style="width: {{stats.completedPercentage}}")
     div.data
         span.number(tg-bind-html="stats.completedPercentage + '%'")
     ul
diff --git a/app/styles/components/summary.scss b/app/styles/components/summary.scss
index 5992d6c1..8f26a867 100644
--- a/app/styles/components/summary.scss
+++ b/app/styles/components/summary.scss
@@ -48,17 +48,15 @@
 .summary-progress-bar {
     background: $whitish;
     float: left;
-    height: 31px;
+    height: 30px;
     margin-bottom: 0;
     margin-right: 10px;
+    padding: 3px;
     position: relative;
     width: 20%;
     .current-progress {
         background: $fresh-taiga;
         height: 24px;
-        left: 2px;
-        position: absolute;
-        top: 3px;
         width: calc(30% - 4px);
     }
 }