diff --git a/addons/gamification/static/src/css/goal.css b/addons/gamification/static/src/css/goal.css
index c36bd69be17..52d90152d6a 100644
--- a/addons/gamification/static/src/css/goal.css
+++ b/addons/gamification/static/src/css/goal.css
@@ -27,9 +27,41 @@
 
 .openerp .oe_mail_wall .oe_user_sidebar {
     margin-left: 20px;
+    margin-top: 20px;
     position: relative;
     display: inline-block;
-    width: 200px;
+    vertical-align: top;
+    width: 220px;
+}
+.openerp .oe_user_sidebar .oe_gamification_goal {
+    background: #EDEDF6;
+    height: auto;
+    padding: 15px;
+    border: solid 1px rgba(0,0,0,0.03);
+}
+
+.openerp .oe_user_sidebar .oe_gamification_goal .oe_goal_reached:before {
+    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QMSCREbCamR5gAAAXhJREFUOMuV0z9rlEEQBvDf7htFFIwQBCvRQuFAJSJooY29VrH0E1hcCqNign8SYzAxRfTA0nyAg3wBK1GCKSwTK8G7j6AgiHl3LbLmwOQu8Wl2mZ15Zp6ZnWC/GMcrjBvBdTRkX4P/QdNZrGKkWN7sn+CuE5IvsqOyKFnRMhb3DJwsZ2VV5ZgoCt5qGdsyD8ITzGJSW3BVkAUdlZsu++0T/SU8xxQeuyj7LKEWJKcs6Px16y9harv0NVEQBZWmBR33e26Dm/hMW3BLLUvW/XJBlM31XIZMlNsi7pWa5jGjIbiBXBLd8UL+N0e0WIInvMNp8+Wltqx2SBJk06Z98HRnkUHTOZWPomEVojOiUZV26foP2XkHdD3aSRBxXDIsSRKyddmyGklQa5vRtbl7myprvrnisOBa0TuEgyBhziXwfneCrTG+9kDSkgQJSbaJ2ix42H9QYXvTakdEG4KThfanoKHS9XIvgt7KjspW8F2wIbhtSRr0Vf4AD6Nod0TaN4kAAAAASUVORK5CYII=);
+    margin-left:-40px;
+}
+.openerp .oe_user_sidebar .oe_gamification_goal .oe_goal_failed:before {
+    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QMVECkXmaDBcAAAAUxJREFUKM+N0jFrVEEUhuFnV1KICS7ExcLCSgiCYJXCxt5C8B+ohYVgYeUfMJBCUIydkCpRLG3EThSxU0ypxMZKYQkSzd7cO3dmLJxNNhckGTgMfHPe+c6ZOZ7Sb7gauOIIq+V2wwVjFjNtYhS4dgh0L1EnvhtzKbGdyQW+8R/ofmJc8r64Ra/hYuJHEbda7nSgB1PQRsVpc2j+xfnEZjncjtz9zLHIw0SdyZH3uwx/wmDq5oaFyKeJc2QzsVOgVzXDveRBp5fAucjbTJ5E5EWYhtDvPkJiC1878rdEdUAZHHQ7FVkrpdaJ35lQXJ8EZveST5a9Zr7lZYFS5HHF2cjztF/ys11OgDP0auYjbwrURFZGzMAvjkfW077z6z/MGjGMfCxQFXnU7fsdvcjq5FsSH1RcnkAty4eM3EqiyTTW6AeuB5aOOOTLgZt/AfLdvLh74DfrAAAAAElFTkSuQmCC);
+    margin-left:-40px;
+}
+.openerp .oe_user_sidebar .oe_gamification_goal .oe_goal_reached,
+.openerp .oe_user_sidebar .oe_gamification_goal .oe_goal_failed {
+    text-decoration: line-through;
+    padding-left: 20px;
+}
+
+.openerp .oe_mail_wall .oe_user_sidebar ul {
+    list-style-type: none; 
+    padding-left: 20px;
+}
+
+.openerp .oe_mail_wall .oe_user_sidebar li progress {
+    width: 80%;
+    display: inline-block;
 }
 .openerp .oe_mail_wall .oe_mail {
     display: inline-block;
diff --git a/addons/gamification/static/src/xml/gamification.xml b/addons/gamification/static/src/xml/gamification.xml
index 6ee32e0c9e2..2b3934d1181 100644
--- a/addons/gamification/static/src/xml/gamification.xml
+++ b/addons/gamification/static/src/xml/gamification.xml
@@ -13,7 +13,9 @@
             <h3><t t-esc="plan.name"/></h3>
             <ul class="oe_goals_list">
                 <li t-foreach="plan.goals" t-as="goal">
-                    <strong><t t-esc="goal.type_name" /></strong>
+                    <strong t-attf-class="#{goal.state == 'reached' ? 'oe_goal_reached' : goal.state == 'failed' ? 'oe_goal_failed' : ''}">
+                        <t t-esc="goal.type_name" />
+                    </strong>
                     <t t-if="goal.type_description">
                         <p><t t-esc="goal.type_description" /></p>
                     </t>