adjust

src/client/js/components/ComparePathsTable.jsx

@@ -14,7 +14,7 @@ function ComparePathsTable(props) {
   const { path } = pageContainer.state;
 
   return (
-    <table className="table table-bordered grw-compare-page-table">
+    <table className="table table-bordered grw-compare-paths-table">
       <thead>
         <tr className="d-flex">
           <th className="w-50">{t('original_path')}</th>

src/client/js/components/PageRenameModal.jsx

@@ -134,7 +134,7 @@ const PageRenameModal = (props) => {
   }
 
   return (
-    <Modal size="lg" isOpen={props.isOpen} toggle={props.onClose} className="grw-create-page">
+    <Modal size="lg" isOpen={props.isOpen} toggle={props.onClose}>
       <ModalHeader tag="h4" toggle={props.onClose} className="bg-primary text-light">
         { t('modal_rename.label.Move/Rename page') }
       </ModalHeader>

src/client/styles/scss/_create-page.scss

@@ -12,10 +12,4 @@
   .create-page-under-tree-label code {
     font-family: $font-family-monospace-not-strictly;
   }
-
-  .grw-compare-page-table {
-    tbody {
-      max-height: 200px;
-    }
-  }
 }

src/client/styles/scss/molecules/compare-paths-table.scss

@@ -0,0 +1,5 @@
+.grw-compare-paths-table {
+  tbody {
+    max-height: 200px;
+  }
+}

src/client/styles/scss/style-app.scss

@@ -25,6 +25,8 @@
 @import 'molecules/copy-dropdown';
 @import 'molecules/page-editor-mode-manager';
 @import 'molecules/slack-notification';
+@import 'molecules/duplicated-paths-table.scss';
+@import 'molecules/compare-paths-table.scss';
 
 // growi component
 @import 'admin';