diff --git a/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx b/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx
index 5e875af0f63ef567bc199b34ea17b5b7b71dfaff..282ee447d17e2583ad08309f2f9407635debdbc9 100644
--- a/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx
+++ b/src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx
@@ -1,4 +1,3 @@
-import { Icon } from '@/shared/Icon';
 import { Comment } from '@/types/models';
 import React from 'react';
 
@@ -8,12 +7,14 @@ interface CommentItemProps {
 
 export const CommentItem = (commentItemProps: CommentItemProps): JSX.Element => {
   const { comment } = commentItemProps;
-  const { owner, content } = comment;
+  let { owner } = comment;
+  if (!owner) {
+    owner = 'Anonymous';
+  }
   return (
-    <div className="flex justify-between">
-      <div> {owner}</div>
-      <div> {content} </div>
-      <Icon name="arrow" className="h-6 w-6 fill-font-500" />
+    <div className="border border-slate-400">
+      <div className="p-4 font-bold"> {owner} </div>
+      <div className="p-4"> {comment.content} </div>
     </div>
   );
 };