adjust styles

src/client/js/components/Page/RevisionRenderer.jsx

@@ -110,6 +110,7 @@ class RevisionRenderer extends React.PureComponent {
       <RevisionBody
         html={this.state.html}
         isMathJaxEnabled={isMathJaxEnabled}
+        additionalClassName={this.props.additionalClassName}
         renderMathJaxOnInit
       />
     );
@@ -129,6 +130,7 @@ RevisionRenderer.propTypes = {
   growiRenderer: PropTypes.instanceOf(GrowiRenderer).isRequired,
   markdown: PropTypes.string.isRequired,
   highlightKeywords: PropTypes.string,
+  additionalClassName: PropTypes.string,
 };
 
 export default RevisionRendererWrapper;

src/client/js/components/Sidebar/CustomSidebar.jsx

@@ -61,10 +61,11 @@ const CustomSidebar = (props) => {
       { markdown == null && <SidebarNotFound /> }
       {/* eslint-disable-next-line react/no-danger */}
       { markdown != null && (
-        <div className="grw-custom-sidebar-content p-3">
+        <div className="p-3">
           <RevisionRenderer
             growiRenderer={growiRenderer}
             markdown={markdown}
+            additionalClassName="grw-custom-sidebar-content"
           />
         </div>
       ) }

src/client/styles/scss/_sidebar-wiki.scss

@@ -1,4 +1,4 @@
-.grw-custom-sidebar-content .wiki {
+%grw-custom-sidebar-content {
   h1,
   h2,
   h3,
@@ -44,3 +44,7 @@
     margin: 0;
   }
 }
+
+.grw-custom-sidebar-content.wiki {
+  @extend %grw-custom-sidebar-content;
+}