diff --git a/src/components/Comments.js b/src/components/Comments.js
index 3c54510..bf2fbc1 100644
--- 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>
 )