diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss
index 472b50bd17f..1069573d115 100644
--- a/addons/website/static/src/scss/website.scss
+++ b/addons/website/static/src/scss/website.scss
@@ -406,6 +406,21 @@ $-header-nav-link-height: $nav-link-height;
     }
 }
 
+hr {
+    // Move the set up color as a border color. Indeed, we may use color-mix to
+    // define that color as a function of currentColor, in which case
+    // Safari 16.5 is known to crash when using that to set the color property.
+    border-top: $hr-height solid $hr-color;
+    color: inherit;
+    // FIXME before the commit that introduced this background-color the color
+    // of HR was the superposition of:
+    // - background-color = currentColor = see below
+    // - color = $hr-color = transparent mix of currentColor
+    // => So a transparent version of the inherited color, on top of itself
+    // => This line makes it so this stays the same for now.
+    background-color: $hr-color;
+}
+
 h2 {
     color: map-get($colors, 'o-cc1-h2');
 }
diff --git a/addons/website/static/src/snippets/s_hr/000.scss b/addons/website/static/src/snippets/s_hr/000.scss
index ece35fedebe..fe9e510fa29 100644
--- a/addons/website/static/src/snippets/s_hr/000.scss
+++ b/addons/website/static/src/snippets/s_hr/000.scss
@@ -3,10 +3,12 @@
     line-height: 0;
     hr {
         padding: 0;
+        // TODO we already change the way the color is applied (using a border)
+        // in website.css. In master, we should just let that system work the
+        // way it is and not force something here.
         border: 0;
         border-top: 1px solid $border-color;
         margin: 0;
-        color: inherit;
         // As BS5 added "opacity" and "background-color" on hr tag, we remove
         // that here to let users set the color as they want.
         opacity: 1;