Add some margin for Comments

bluprince13 · May 27, 2024 · d6cbb5f · d6cbb5f
1 parent 559abbc
commit d6cbb5f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Comments.js b/src/components/Comments.js
@@ -1,6 +1,7 @@
 'use client'
 
 import { Comments, CommentCount } from '@hyvor/hyvor-talk-react'
+import { Box } from '@mui/material'
 
 const HYVOR_WEBSITE_ID = 2205
 
@@ -9,5 +10,7 @@ export const MyCommentCount = ({ id }) => (
 )
 
 export const MyComments = ({ id }) => (
-    <Comments website-id={HYVOR_WEBSITE_ID} page-id={id} />
+    <Box sx={{ mt: 2 }}>
+        <Comments website-id={HYVOR_WEBSITE_ID} page-id={id} />
+    </Box>
 )