diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss
index 60e7799f455..335bce16d8b 100644
--- a/addons/web_editor/static/src/scss/wysiwyg.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg.scss
@@ -78,11 +78,23 @@ $o-we-zindex: $o-we-overlay-zindex + 1 !default;
         background: $o-we-sidebar-content-field-clickable-bg;
         color: inherit;
         font-size: $o-we-font-size !important;
+        border-bottom-color: transparent; // See caret design below
 
         &.active,
         &:focus, &:active, &:focus:active {
             @extend %we-active-button;
         }
+
+        // This element should have been removed but still exists in 13.0 by
+        // mistake. This takes advantage of it to restore the color preview
+        // feature which disappeared and cannot be fixed as in 12.0.
+        // TODO fix the right way in 14.0.
+        > .caret {
+            display: block;
+            @include o-position-absolute(auto, 0, 0, 0);
+            border-bottom: 3px solid transparent;
+            border-bottom-color: inherit;
+        }
     }
     .btn-group.show {
         > .btn {