diff --git a/addons/hr_attendance/static/src/css/slider.css b/addons/hr_attendance/static/src/css/slider.css
index 0fde21dc727..664d4f96e41 100644
--- a/addons/hr_attendance/static/src/css/slider.css
+++ b/addons/hr_attendance/static/src/css/slider.css
@@ -1,27 +1,33 @@
 
 .openerp .oe_attendance_status {
     height: 32px;
-    width: 64px;
+    width: 32px;
     display: inline-block;
 }
 .openerp .oe_attendance_signin {
     float:left;
     height: 32px;
     width: 32px;
-    background: url(/hr_attendance/static/src/img/emp-in32.png);
+    background: url(/hr_attendance/static/src/img/emp-out32.png);
     cursor: pointer;
 }
+.openerp .oe_attendance_signin:hover {
+    background: url(/hr_attendance/static/src/img/emp-out-disable32.png);
+}
 .openerp .oe_attendance_status.oe_attendance_signed .oe_attendance_signin {
-    background: url(/hr_attendance/static/src/img/emp-in-disable32.png);
+    display: none;
 }
 
 .openerp .oe_attendance_signout {
     float:right;
     height: 32px;
     width: 32px;
-    background: url(/hr_attendance/static/src/img/emp-out32.png);
+    background: url(/hr_attendance/static/src/img/emp-in32.png);
     cursor: pointer;
 }
-.openerp .oe_attendance_status.oe_attendance_nosigned .oe_attendance_signout {
-    background: url(/hr_attendance/static/src/img/emp-out-disable32.png);
+.openerp .oe_attendance_signout:hover {
+    background: url(/hr_attendance/static/src/img/emp-in-disable32.png);
+}
+.openerp .oe_attendance_status.oe_attendance_nosigned .oe_attendance_signout {
+    display: none;
 }