diff --git a/src/components/CustomComment.css b/src/components/CustomComment.css
new file mode 100644
index 0000000..8f9a012
--- /dev/null
+++ b/src/components/CustomComment.css
@@ -0,0 +1,54 @@
+/* src/components/CustomComment.css */
+.custom-comment {
+  margin-bottom: 16px;
+  padding: 16px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.custom-comment:last-child {
+  border-bottom: none;
+}
+
+.custom-comment-inner {
+  display: flex;
+}
+
+.custom-comment-avatar {
+  margin-right: 12px;
+}
+
+.custom-comment-content {
+  flex: 1;
+}
+
+.custom-comment-header {
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.custom-comment-author {
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.custom-comment-datetime {
+  margin-left: 12px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.custom-comment-text {
+  margin-bottom: 8px;
+  color: rgba(0, 0, 0, 0.85);
+  white-space: pre-line;
+}
+
+.custom-comment-actions {
+  margin-top: 8px;
+}
+
+.custom-comment-action {
+  padding: 0 4px;
+  font-size: 12px;
+}
\ No newline at end of file