create PageList.modue.scss

packages/app/src/components/PageList/PageList.module.scss

@@ -0,0 +1 @@
+@use '../../styles/page_list';

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

@@ -9,6 +9,7 @@ import { ForceHideMenuItems } from '../Common/Dropdown/PageItemControl';
 
 import { PageListItemL } from './PageListItemL';
 
+import styles from './PageList.module.scss';
 
 type Props<M extends IPageInfoForEntity> = {
   pages: IPageWithMeta<M>[],
@@ -54,7 +55,7 @@ const PageList = (props: Props<IPageInfoForEntity>): JSX.Element => {
   }
 
   return (
-    <div className="page-list">
+    <div className={`page-list ${styles['page-list']}`}>
       <ul className="page-list-ul list-group list-group-flush">
         {pageList}
       </ul>

packages/app/src/styles/_page_list.scss

@@ -1,6 +1,6 @@
 @use './bootstrap/variables' as var;
 
-body .page-list {
+.page-list :global {
   .page-list-container {
     font-size: 15px;
     line-height: 1.6em;

packages/app/src/styles/style-next.scss

@@ -55,7 +55,6 @@
 // @import 'old-ios';
 @import 'on-edit';
 // @import 'page-duplicate-modal';
-@import 'page_list';
 
 // @import 'page-path';
 // @import 'page-tree';