diff --git a/addons/web/static/src/legacy/scss/fields.scss b/addons/web/static/src/legacy/scss/fields.scss
index 178024cb3b4..1b486e5b29c 100644
--- a/addons/web/static/src/legacy/scss/fields.scss
+++ b/addons/web/static/src/legacy/scss/fields.scss
@@ -9,18 +9,22 @@
 
 :root {
     @include print-variable(o-input-border-color, $o-form-lightsecondary);
+    @include print-variable(o-caret-color, $input-color);
 }
 
 .o_required_modifier {
     @include print-variable(o-input-border-color, $o-input-border-required);
+    @include print-variable(o-caret-color, $o-input-border-required);
 }
 
 .o_field_widget:focus-within {
     @include print-variable(o-input-border-color, $o-brand-primary);
+    @include print-variable(o-caret-color, $o-brand-primary);
 }
 
 .o_field_invalid {
     @include print-variable(o-input-border-color, map-get($theme-colors, 'danger'));
+    @include print-variable(o-caret-color, map-get($theme-colors, 'danger'));
 }
 
 //------------------------------------------------------------------------------
diff --git a/addons/web/static/src/legacy/scss/utils.scss b/addons/web/static/src/legacy/scss/utils.scss
index 1a7d2c0bb72..fdd48a12852 100644
--- a/addons/web/static/src/legacy/scss/utils.scss
+++ b/addons/web/static/src/legacy/scss/utils.scss
@@ -106,7 +106,7 @@
 // ------------------------------------------------------------------
 // Caret
 // ------------------------------------------------------------------
-@mixin o-caret-down($caret-width: $caret-width, $caret-color: var(--o-input-border-color, currentColor)) {
+@mixin o-caret-down($caret-width: $caret-width, $caret-color: var(--o-caret-color, currentColor)) {
     @include utils-caret-boilerplate;
     border-bottom: 0;
     border-left: $caret-width solid transparent;