diff --git a/public/app/containers/AlertRuleList/AlertRuleList.tsx b/public/app/containers/AlertRuleList/AlertRuleList.tsx
index 878ddb367ba..4c1df8a7aae 100644
--- a/public/app/containers/AlertRuleList/AlertRuleList.tsx
+++ b/public/app/containers/AlertRuleList/AlertRuleList.tsx
@@ -122,7 +122,7 @@ export class AlertRuleItem extends React.Component<AlertRuleItemProps, any> {
   };
 
   renderText(text: string, searchArray) {
-    return <Highlighter highlightClassName="highlight" textToHighlight={text} searchWords={searchArray} />;
+    return <Highlighter highlightClassName="textHighlight" textToHighlight={text} searchWords={searchArray} />;
   }
 
   render() {
diff --git a/public/sass/pages/_alerting.scss b/public/sass/pages/_alerting.scss
index 500ef102c34..052425b11ae 100644
--- a/public/sass/pages/_alerting.scss
+++ b/public/sass/pages/_alerting.scss
@@ -171,8 +171,8 @@
   display: flex;
 }
 
-.highlight {
-  background: orange;
+.textHighlight {
+  background: $orange;
   color: $white;
   padding: 0;
 }