diff --git a/addons/website/static/src/scss/website.edit_mode.scss b/addons/website/static/src/scss/website.edit_mode.scss
index 4ca6463e586..803648e0f57 100644
--- a/addons/website/static/src/scss/website.edit_mode.scss
+++ b/addons/website/static/src/scss/website.edit_mode.scss
@@ -41,7 +41,8 @@ $-editor-messages-margin-x: 2%;
     &:not(:empty), &[data-oe-type] {
         &:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):not(.o_editable_no_shadow):not([data-oe-type="image"]):hover,
         &.o_editable_date_field_linked {
-            box-shadow: $o-brand-odoo 0 0 5px 2px inset;
+            outline: $o-we-handle-border-width solid $o-we-handles-accent-color;
+            outline-offset: $o-we-handle-border-width;
         }
         &[data-oe-type="image"]:not(.o_editable_no_shadow):hover {
             position: relative;
@@ -51,7 +52,8 @@ $-editor-messages-margin-x: 2%;
                 pointer-events: none;
                 @include o-position-absolute(0, 0, 0, 0);
                 z-index: 1;
-                box-shadow: $o-brand-odoo 0 0 5px 2px inset;
+                outline: $o-we-handle-border-width solid $o-we-handles-accent-color;
+                outline-offset: $o-we-handle-border-width;
             }
         }
     }