Feedback correction completed.

packages/app/src/components/PageList/PageList.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
+
 import { useTranslation } from 'react-i18next';
 
 import { IPageWithMeta } from '~/interfaces/page';
 import { OnDeletedFunction, OnPutBackedFunction } from '~/interfaces/ui';
+
 import { ForceHideMenuItems } from '../Common/Dropdown/PageItemControl';
 
 import { PageListItemL } from './PageListItemL';
@@ -53,7 +55,7 @@ const PageList = (props: Props): JSX.Element => {
 
   return (
     <div className="page-list">
-      <ul className="page-list-ul list-group-flush">
+      <ul className="page-list-ul list-group list-group-flush">
         {pageList}
       </ul>
     </div>

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

@@ -219,14 +219,13 @@ ul.pagination {
 .page-list {
   .page-list-ul {
     > li {
-      background-color: transparent;
       > span.page-list-meta {
         color: darken($color-global, 10%);
       }
     }
   }
 
-  // List group
+  // on serch
   .list-group-item {
     &.active {
       background-color: lighten($bgcolor-global, 9%) !important;

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

@@ -79,7 +79,6 @@ pre:not(.hljs):not(.CodeMirror-line) {
 
 // Dropdown
 .grw-personal-dropdown {
-
   .grw-sidebar-mode-icon svg {
     fill: $secondary;
   }
@@ -480,15 +479,13 @@ ul.pagination {
   .list-group {
     .list-group-item {
       a {
-        color: $color-global;
         svg {
-          fill: $color-global;
+          fill: $link-color;
         }
 
         @include hover() {
-          color: $color-global;
           svg {
-            fill: $color-global;
+            fill: $link-color;
           }
         }
       }