diff --git a/web_src/css/base.css b/web_src/css/base.css
index b004c5724f..a8d9dea2a2 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -17,6 +17,7 @@
/* images */
--checkbox-mask-checked: url('data:image/svg+xml;utf8,');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,');
+ --octicon-alert-fill: url('data:image/svg+xml;utf8,');
--octicon-chevron-right: url('data:image/svg+xml;utf8,');
--octicon-x: url('data:image/svg+xml;utf8,');
--select-arrows: url('data:image/svg+xml;utf8,');
diff --git a/web_src/css/review.css b/web_src/css/review.css
index 16103f8d8f..8fb5e1e29a 100644
--- a/web_src/css/review.css
+++ b/web_src/css/review.css
@@ -15,12 +15,23 @@
transform: scale(1.1);
}
+.lines-escape .toggle-escape-button {
+ padding: 2px;
+ transform: translateY(-1px);
+}
+
.lines-escape .toggle-escape-button::before {
visibility: visible;
- content: "⚠️";
- font-family: var(--fonts-emoji);
- padding: 0 2px;
- color: var(--color-red);
+ content: "";
+ display: inline-block;
+ width: 14px;
+ height: 14px;
+ vertical-align: middle;
+ background-color: var(--color-yellow);
+ mask-image: var(--octicon-alert-fill);
+ -webkit-mask-image: var(--octicon-alert-fill);
+ mask-size: contain;
+ -webkit-mask-size: contain;
}
.repository .diff-file-box .code-diff td.lines-escape {