styling of comments

src/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component.tsx

-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>
   );
 };