diff --git a/addons/hr_recruitment/hr_recruitment_view.xml b/addons/hr_recruitment/hr_recruitment_view.xml
index 48962079566..ac4e4e2a624 100644
--- a/addons/hr_recruitment/hr_recruitment_view.xml
+++ b/addons/hr_recruitment/hr_recruitment_view.xml
@@ -354,7 +354,7 @@
                                 </div>
                                 <div class = "oe_kanban_content">
                                     <h3 class="oe_kanban_ellipsis"><field name="name"/></h3>
-                                    <div class="oe_kanban_alias" t-if=" record.job_alias.value">
+                                    <div class="oe_kanban_alias oe_kanban_ellipsis" t-if=" record.job_alias.value">
                                         <span class="oe_e">%%</span><small><field name="job_alias"/></small>
                                     </div>
                                     <div class="oe_department">
@@ -377,7 +377,7 @@
                                             <div t-if="record.no_of_recruitment.raw_value gt 1"><t t-esc="record.no_of_recruitment.raw_value"/> Expected New Employees</div>
                                             <div t-if="record.no_of_recruitment.raw_value lt 2"><t t-esc="record.no_of_recruitment.raw_value"/> Expected New Employee</div>
                                         </div>
-                                        <field state="recruit" name="no_of_recruitment" widget="gage" style="width:167px; height: 102px;" options="{'min_field': 'no_of_hired_employee','max_field': 'no_of_recruitment', 'label_field': 'no_of_hired_employee', 'action_change': 'action_hired_employee'}">Forecast</field>
+                                        <field state="recruit" name="no_of_recruitment" widget="gage" style="width:200px; height:130px;" options="{'min_field': 'no_of_hired_employee','max_field': 'no_of_recruitment', 'label_field': 'no_of_hired_employee', 'action_change': 'action_hired_employee'}">Forecast</field>
                                     </t>
                                     <t t-if="record.state.raw_value == 'open'">
                                         <div class="oe_start_recruitment">
diff --git a/addons/hr_recruitment/static/src/css/job_position.css b/addons/hr_recruitment/static/src/css/job_position.css
index ef744b3a3db..050a6c9a9ad 100644
--- a/addons/hr_recruitment/static/src/css/job_position.css
+++ b/addons/hr_recruitment/static/src/css/job_position.css
@@ -1,17 +1,17 @@
 .openerp .oe_kanban_job{
-    width: 275px;
-    min-height: 147px !important;
+    width: 355px;
+    min-height: 152px !important;
 }
 .openerp .oe_job {
-    font-size:112%;
-    margin:3px 3px;
-    margin-left: 45px;
+    font-size: 112%;
+    margin: 3px 3px;
+    margin-left: 55px;
     color: #4c4c4c;
 }
 .openerp img.oe_kanban_avatar {
     margin-top: -23px;
-    width:38px;
-    height:38px;
+    width: 45px;
+    height: 45px;
 }
 .openerp .oe_launch_recruitment{
     float: right;
@@ -20,14 +20,14 @@
     right: 10px;
 }
 .openerp div.oe_applications {
-    margin-top: 24px;
+    margin-top: 28px;
 }
 .openerp .oe_applications > a > div:hover {
     text-decoration: underline
 }
 .openerp .oe_name {
-    margin-left: 44px;
-    margin-top: -18px;
+    margin-left: 55px;
+    margin-top: -22px;
     margin-bottom: -15px;
     font-size: 11px;
     color: gray;
@@ -36,7 +36,7 @@
     display: inline-block;
 }
 .openerp .oe_new_recruitment {
-    margin-top: 6px;
+    margin-top: 4px;
     color: #4c4c4c;
 }
 .openerp .oe_start_recruitment {
diff --git a/addons/hr_recruitment/static/src/js/job_position.js b/addons/hr_recruitment/static/src/js/job_position.js
index d6668dd1b97..2e7f19bcee1 100644
--- a/addons/hr_recruitment/static/src/js/job_position.js
+++ b/addons/hr_recruitment/static/src/js/job_position.js
@@ -9,7 +9,7 @@ openerp.hr_recruitment = function (openerp) {
         var value = parent.values.no_of_hired_employee.value;
         var flag_open = false;
         this.$el.empty()
-            .attr('style', this.$node.attr('style') + ';float: right;margin-top: -84px;margin-right: -31px;')
+            .attr('style', this.$node.attr('style') + ';float: right; margin-top: -110px; margin-right: -30px;')
             .attr('id', unique_id);
         this.gage = new JustGage({
             id: unique_id,