fixed youtube block

src/components/node/CommentContent/index.tsx

@@ -31,7 +31,7 @@ const CommentContent: FC<IProps> = memo(({ comment }) => {
   return (
     <>
       {comment.text && (
-        <div className={styles.block}>
+        <Group className={styles.block}>
           {formatCommentText(path(['user', 'username'], comment), comment.text).map(
             (block, key) =>
               COMMENT_BLOCK_RENDERERS[block.type] &&
@@ -39,7 +39,7 @@ const CommentContent: FC<IProps> = memo(({ comment }) => {
           )}
 
           <div className={styles.date}>{getPrettyDate(comment.created_at)}</div>
-        </div>
+        </Group>
       )}
 
       {groupped.image && groupped.image.length > 0 && (

src/components/node/CommentContent/styles.scss

@@ -11,6 +11,7 @@
   padding-bottom: 10px;
   box-sizing: border-box;
   flex-direction: column;
+  padding: $gap 0;
 
   &:first-child {
     border-top-right-radius: $radius;