change class name

packages/app/src/components/SearchPage/SearchResultListItem.tsx

@@ -53,7 +53,7 @@ const SearchResultListItem: FC<Props> = memo((props:Props) => {
   return (
     <li
       key={pageData._id}
-      className={`w-100 page-list-li border-bottom ${responsiveListStyleClass}`}
+      className={`w-100 grw-search-result-item border-bottom ${responsiveListStyleClass}`}
     >
       <div
         className="h-100 text-break"

packages/app/src/styles/_search.scss

@@ -190,7 +190,7 @@
       overflow-y: scroll;
     }
     .nav.nav-pills {
-      > .page-list-li {
+      > .grw-search-result-item {
         min-height: 136px;
         &.active {
           border-left: solid 3px transparent;

packages/app/src/styles/theme/_apply-colors.scss

@@ -623,7 +623,7 @@ body.pathname-sidebar {
         background-color: $bgcolor-keyword-highlighted;
       }
       .page-list-ul {
-        .page-list-li {
+        .grw-search-result-item {
           &.active {
             background-color: $bgcolor-search-item-active;
             border-color: $bordercolor-search-item-left-active;