diff --git a/src/stories/chat/parts/comment.tsx b/src/stories/chat/parts/comment.tsx
index c2d57a30..33751b7e 100644
--- a/src/stories/chat/parts/comment.tsx
+++ b/src/stories/chat/parts/comment.tsx
@@ -42,6 +42,9 @@ const Footer = styled.div`
justify-content: flex-end;
gap: ${({ theme }) => theme.space.xs};
`;
+const CommentTitle = styled(Title)`
+color: ${({ theme }) => theme.palette.blue[600]};
+`
export const Comment = ({
author,
@@ -59,10 +62,10 @@ export const Comment = ({
{author.avatar}
-
+
{author.name ?? "User"}
{date}
-
+
{message}
diff --git a/src/stories/chat/parts/containers.tsx b/src/stories/chat/parts/containers.tsx
index 3a046e10..1da65a56 100644
--- a/src/stories/chat/parts/containers.tsx
+++ b/src/stories/chat/parts/containers.tsx
@@ -18,4 +18,5 @@ export const MessagesContainer = styled.div`
gap: ${({ theme }) => theme.space.xs};
background: ${({ chatBkg }) => chatBkg ?? `#fff`};
overflow-y: auto;
+ border-top: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`};
`;
diff --git a/src/stories/chat/parts/header.tsx b/src/stories/chat/parts/header.tsx
index e424d752..de13df36 100644
--- a/src/stories/chat/parts/header.tsx
+++ b/src/stories/chat/parts/header.tsx
@@ -5,5 +5,4 @@ export const ChatTitle = styled(Title)`
color: ${({ theme }) => theme.palette.blue[600]};
margin: ${({ theme }) => `0 -${theme.space.md}`};
padding: ${({ theme }) => `${theme.space.sm} ${theme.space.md}`};
- border-bottom: ${({ theme }) => `1px solid ${theme.palette.grey[200]}`};
`;
diff --git a/src/stories/editor/editorHeader.tsx b/src/stories/editor/editorHeader.tsx
index 962722ca..70886a8e 100644
--- a/src/stories/editor/editorHeader.tsx
+++ b/src/stories/editor/editorHeader.tsx
@@ -7,7 +7,6 @@ const Header = styled.div`
display: flex;
flex-direction: column;
padding: ${({ theme }) => theme.space.xs} ${({ theme }) => theme.space.md};
- border-bottom: 1px solid ${({ theme }) => theme.palette.grey[300]};
`;
const Title = styled(MD)`