diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 500ae1857bb..7921b40d7d7 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -2648,7 +2648,7 @@ div.ui-widget-overlay {
   width: 80px; }
 .openerp_ie .oe_form_field_boolean input {
   background: white; }
-.openerp .oe_form_field_boolean .boolean{
+.openerp .oe_form_readonly .oe_form_field_boolean .boolean{
   position: relative;
   top: -14px;
   width: 14px;
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index b4e70e6bdc9..b39fb7748be 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -1695,6 +1695,15 @@ $sheet-padding: 16px
             display: none !important
         .oe_form .oe_form_field_date
             width: auto
+        .oe_form_field_boolean.boolean
+            position: relative
+            top: -20px
+            width: 14px
+            height: 14px
+            z-index: 10000
+            // IE needs a color in order for the layer to respond to mouse events
+            backgroundColor: "#fff"
+            opacity: 0
     // Sheet and padding
     .oe_form_nosheet
         margin: 16px
@@ -1930,16 +1939,6 @@ $sheet-padding: 16px
             white-space: nowrap
         .oe_form_field_boolean
             width: auto
-            height: 14px
-            .boolean
-                position: relative
-                top: -20px
-                width: 14px
-                height: 14px
-                z-index: 10000
-                // IE needs a color in order for the layer to respond to mouse events
-                backgroundColor: "#fff"
-                opacity: 0
         .oe_datepicker_container
             display: none
         .oe_datepicker_root