diff --git a/django/static/assets/js/src/candidate.js b/django/static/assets/js/src/candidate.js
index 2ad5adb..e2e81fa 100644
--- a/django/static/assets/js/src/candidate.js
+++ b/django/static/assets/js/src/candidate.js
@@ -269,6 +269,8 @@ $.getJSON("/api/parties/", function (response) {
 // load view
 function getPartyDetails(partyInfo) {
     var partyImg = this.processImgName(partyInfo.initials);
+    var lblLeftWomen = (partyInfo.women_pct > 0) ? 'left:'+Math.round(100*partyInfo.women_pct)+'%' : '';
+    var lblLeftMoney = (partyInfo.money_women_pct > 0) ? 'left:'+Math.round(100*partyInfo.money_women_pct)+'%' : '';
     
     return '<div class="item-party">' +
             '<div class="row mb-4 justify-content-center">' +
@@ -284,6 +286,7 @@ function getPartyDetails(partyInfo) {
                 '<img src="/static/img/icon_person.png" class="img-fluid" alt="Person" />' +
               '</div>'+
               '<div class="col-11">'+
+                '<div class="label-progress" style="'+lblLeftWomen+'">'+Math.round(100*partyInfo.women_pct)+'%</div>'+
                 '<div class="arrow-progress">'+
                   '<div class="arrow-bar" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>' +
                 '</div>' +
@@ -300,6 +303,7 @@ function getPartyDetails(partyInfo) {
                 '<img src="/static/img/icon_money.png" class="img-fluid" alt="Money" />' +
               '</div>' +
               '<div class="col-11">' +
+                '<div class="label-progress" style="'+lblLeftMoney+'">'+Math.round(100*partyInfo.money_women_pct)+'%</div>'+
                 '<div class="arrow-progress">' +
                   '<div class="arrow-bar" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>' +
                 '</div>' +
diff --git a/django/static/css/custom.css b/django/static/css/custom.css
index e77793d..c3297f1 100644
--- a/django/static/css/custom.css
+++ b/django/static/css/custom.css
@@ -188,7 +188,7 @@ select:focus {
 .ranking .bullet {
 	background: left center url('../img/icon_arrow.png') no-repeat;
 	background-size: 50px;
-	margin: 40px 0;
+	margin: 40px 0 20px;
 	padding: 5px 0 5px 60px;
 }
 .ranking .icon {
@@ -222,6 +222,14 @@ select:focus {
   background-color: transparent;
   border-radius: .25rem;
 }
+.ranking .label-progress {
+	margin-left: 2px;
+	position: absolute;
+	font-size: 0.7em;
+	top: 3px;
+	text-align: center;
+	color: #470c6e;
+}
 .ranking .arrow-progress .arrow-bar {
   display: -webkit-box;
   display: -ms-flexbox;
diff --git a/django/static/img/ico_man_purple.png b/django/static/img/ico_man_purple.png
new file mode 100644
index 0000000..99f1c75
Binary files /dev/null and b/django/static/img/ico_man_purple.png differ
diff --git a/django/static/img/ico_money_purple.png b/django/static/img/ico_money_purple.png
new file mode 100644
index 0000000..f707e1c
Binary files /dev/null and b/django/static/img/ico_money_purple.png differ
diff --git a/django/static/img/ico_woman_purple.png b/django/static/img/ico_woman_purple.png
new file mode 100644
index 0000000..8d96e53
Binary files /dev/null and b/django/static/img/ico_woman_purple.png differ
diff --git a/django/static/img/ico_woman_white.png b/django/static/img/ico_woman_white.png
new file mode 100644
index 0000000..ca7ab36
Binary files /dev/null and b/django/static/img/ico_woman_white.png differ