2 files changed, 11 insertions, 1 deletions
diff --git a/src/components/CommentsList/CommentsList.module.scss b/src/components/CommentsList/CommentsList.module.scss
index 2358948..4971b15 100644
--- a/src/components/CommentsList/CommentsList.module.scss
+++ b/src/components/CommentsList/CommentsList.module.scss
@@ -1,5 +1,14 @@
 @use "@styles/abstracts/placeholders";
 
+.title,
+.no-comments {
+  width: max-content;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .list {
   @extend %reset-ordered-list;
+
+  margin-bottom: var(--spacing-lg);
 }
diff --git a/src/components/CommentsList/CommentsList.tsx b/src/components/CommentsList/CommentsList.tsx
index 6599475..3a1c57e 100644
--- a/src/components/CommentsList/CommentsList.tsx
+++ b/src/components/CommentsList/CommentsList.tsx
@@ -12,10 +12,11 @@ const CommentsList = ({ comments }: { comments: CommentData[] }) => {
 
   return (
     <>
+      <h2 className={styles.title}>{t`Comments`}</h2>
       {comments.length > 0 ? (
         <ol className={styles.list}>{getCommentsList()}</ol>
       ) : (
-        <p>{t`No comments yet.`}</p>
+        <p className={styles['no-comments']}>{t`No comments yet.`}</p>
       )}
     </>
   );