diff --git a/addons/web/static/src/less/fields.less b/addons/web/static/src/less/fields.less
index a4685d19dd4..b070a8f4cc8 100644
--- a/addons/web/static/src/less/fields.less
+++ b/addons/web/static/src/less/fields.less
@@ -91,6 +91,18 @@
         .o-flex-flow(row, wrap);
         .o-align-items(baseline);
 
+        .o_tag_color_0 { background-color: #4D4D4D; }
+        .o_tag_color_1 { background-color: #61BD4F; }
+        .o_tag_color_2 { background-color: #F2D600; }
+        .o_tag_color_3 { background-color: #FFAB4A; }
+        .o_tag_color_4 { background-color: #EB5A46; }
+        .o_tag_color_5 { background-color: #875A7B; }
+        .o_tag_color_6 { background-color: #0079BF; }
+        .o_tag_color_7 { background-color: #00C2E0; }
+        .o_tag_color_8 { background-color: #4CD98E; }
+        .o_tag_color_9 { background-color: #FF80CE; }
+        .o_tag_color_10 { background-color: #B6BBBF; }
+
         > .o_field_widget {
             .o-flex(1, 0, 100px);
             position: initial;
@@ -104,18 +116,6 @@
             color: white;
             cursor: pointer;
 
-            &.o_tag_color_0 { background-color: #4D4D4D; }
-            &.o_tag_color_1 { background-color: #61BD4F; }
-            &.o_tag_color_2 { background-color: #F2D600; }
-            &.o_tag_color_3 { background-color: #FFAB4A; }
-            &.o_tag_color_4 { background-color: #EB5A46; }
-            &.o_tag_color_5 { background-color: #875A7B; }
-            &.o_tag_color_6 { background-color: #0079BF; }
-            &.o_tag_color_7 { background-color: #00C2E0; }
-            &.o_tag_color_8 { background-color: #4CD98E; }
-            &.o_tag_color_9 { background-color: #FF80CE; }
-            &.o_tag_color_10 { background-color: #B6BBBF; }
-
             > .o_badge_text {
                 .o-text-overflow(inline-block);
                 max-width: 200px;