diff --git a/app/components/Highlight.js b/app/components/Highlight.js
index c31e01c55..dea98fd57 100644
--- a/app/components/Highlight.js
+++ b/app/components/Highlight.js
@@ -38,7 +38,7 @@ function Highlight({
 }
 
 const Mark = styled.mark`
-  background: ${(props) => props.theme.yellow};
+  background: ${(props) => props.theme.searchHighlight};
   border-radius: 2px;
   padding: 0 4px;
 `;
diff --git a/shared/styles/theme.js b/shared/styles/theme.js
index 5252f49be..2b72284ba 100644
--- a/shared/styles/theme.js
+++ b/shared/styles/theme.js
@@ -26,6 +26,7 @@ const colors = {
   yellow: "#FBCA04",
   warmGrey: "#EDF2F7",
 
+  searchHighlight: "#FDEA9B",
   danger: "#ff476f",
   warning: "#f08a24",
   success: "#2f3336",