diff --git a/addons/web/static/src/less/fields.less b/addons/web/static/src/less/fields.less
index b070a8f4cc8..1afe611ee9e 100644
--- a/addons/web/static/src/less/fields.less
+++ b/addons/web/static/src/less/fields.less
@@ -180,24 +180,6 @@
         }
     }
 
-    // Status
-    &.o_selection .o_status {
-        display: inline-block;
-        height: 12px;
-        width: 12px;
-        border-radius: 6px;
-        vertical-align: middle;
-
-        background-color: @odoo-brand-secondary;
-
-        &.o_status_green {
-            background-color: @brand-success;
-        }
-        &.o_status_red {
-            background-color: @brand-danger;
-        }
-    }
-
     // Specific success color for toggle_button widget
     .fa.o_toggle_button_success {
         color: @brand-success;
diff --git a/addons/web/static/src/less/views.less b/addons/web/static/src/less/views.less
index db5fe8f814c..102d50e7590 100644
--- a/addons/web/static/src/less/views.less
+++ b/addons/web/static/src/less/views.less
@@ -21,3 +21,23 @@
 .o_invisible_modifier {
     display: none!important;
 }
+
+// Status
+// This should normally be put in fields.less but these classes are used outside
+// of `.o_field_widget` so it needs to be placed at an upper level.
+.o_status {
+    display: inline-block;
+    height: 12px;
+    width: 12px;
+    border-radius: 6px;
+    vertical-align: middle;
+
+    background-color: @odoo-brand-secondary;
+
+    &.o_status_green {
+        background-color: @brand-success;
+    }
+    &.o_status_red {
+        background-color: @brand-danger;
+    }
+}