Fix icon layout

packages/remark-lsx/src/client/components/LsxPageList/LsxListView.module.scss

@@ -1,6 +1,10 @@
 @use '@growi/ui/scss/molecules/page_list';
 
 .page-list :global {
+  .page-list-li  {
+    line-height: inherit;
+  }
+
   .page-list-ul > li > div > a {
     --grw-wiki-link-color-rgb: $body-color;
     --grw-wiki-link-hover-color-rgb: $body-color;

packages/remark-lsx/src/client/components/LsxPageList/LsxPage.tsx

@@ -110,9 +110,10 @@ export const LsxPage = React.memo((props: Props): JSX.Element => {
   }, [basisViewersCount, pageNode]);
 
   return (
-    <li className={`page-list-li ${styles['page-list-li']}`}>
+    <li className={`page-list-li ${styles['page-list-li']} my-2`}>
       <div className="d-flex align-items-center">
-        {iconElement} {pagePathElement}{pageListMetaElement}
+        {iconElement} {pagePathElement}
+        <span className="ms-2">{pageListMetaElement}</span>
       </div>
       {childrenElements}
     </li>