82172 fb

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

@@ -63,7 +63,7 @@ const SearchControl: FC <Props> = (props: Props) => {
       </div>
       {/* TODO: replace the following elements deleteAll button , relevance button and include specificPath button component */}
       <div className="d-flex align-items-center py-3 border-bottom border-gray">
-        <div className="d-flex mr-auto ml-4">
+        <div className="d-flex mr-auto ml-3">
           {/* Todo: design will be fixed in #80324. Function will be implemented in #77525 */}
           <DeleteSelectedPageGroup
             checkboxState={'' || CheckboxType.NONE_CHECKED} // Todo: change the left value to appropriate value

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

@@ -594,11 +594,14 @@ body.pathname-sidebar {
         background-color: $bgcolor-keyword-highlighted;
       }
       .page-list-ul {
-        .active {
-          background-color: $bgcolor-search-item-active;
-          border-color: $bordercolor-search-item-left-active;
+        .page-list-li {
+          &.active {
+            background-color: $bgcolor-search-item-active;
+            border-color: $bordercolor-search-item-left-active;
+          }
         }
       }
+
       .page-list-meta {
         color: $color-search-item-pagelist-meta;
         svg {