change styles for list-comments

frontend/app/components/list-comments/list-comments.module.css

@@ -1,3 +1,3 @@
-.list-comments {
+.root {
   font-family: 'PT Sans', Helvetica, Arial, sans-serif;
 }

frontend/app/components/list-comments/list-comments.tsx

@@ -2,9 +2,10 @@ import { h, FunctionComponent } from 'preact';
 import { useIntl } from 'react-intl';
 
 import type { Comment as CommentType } from 'common/types';
-import { NODE_ID } from 'common/constants';
 import Comment from 'components/comment';
 
+import styles from './list-comments.module.css';
+
 export type ListCommentsProps = {
   comments: CommentType[];
 };
@@ -13,24 +14,22 @@ const ListComments: FunctionComponent<ListCommentsProps> = ({ comments = [] }) =
   const intl = useIntl();
 
   return (
-    <div id={NODE_ID}>
-      <div className="list-comments">
-        {comments.map(comment => (
-          <Comment
-            intl={intl}
-            key={comment.id}
-            CommentForm={null}
-            data={comment}
-            level={0}
-            view="preview"
-            mix="list-comments__item"
-            user={null}
-            theme="light"
-            isCommentsDisabled={false}
-            post_info={null}
-          />
-        ))}
-      </div>
+    <div className={styles.root}>
+      {comments.map(comment => (
+        <Comment
+          intl={intl}
+          key={comment.id}
+          CommentForm={null}
+          data={comment}
+          level={0}
+          view="preview"
+          mix="list-comments__item"
+          user={null}
+          theme="light"
+          isCommentsDisabled={false}
+          post_info={null}
+        />
+      ))}
     </div>
   );
 };