From 5bf4181293d23f84c1a822919dd0ae4f668f541b Mon Sep 17 00:00:00 2001
From: andrew <andrewcs149@gmail.com>
Date: Sun, 1 Oct 2023 21:32:18 -0700
Subject: [PATCH] fix overflow issue

---
 devblog/devblog/ClientApp/src/components/Comment.tsx        | 4 ++--
 devblog/devblog/ClientApp/src/components/styles/Comment.css | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/devblog/devblog/ClientApp/src/components/Comment.tsx b/devblog/devblog/ClientApp/src/components/Comment.tsx
index e8a1ef41..df6f00a4 100644
--- a/devblog/devblog/ClientApp/src/components/Comment.tsx
+++ b/devblog/devblog/ClientApp/src/components/Comment.tsx
@@ -47,8 +47,8 @@ const Comment = (props: ICommentProps) => {
                 }
                 {(userName === props.userName || isAdmin) && <DeleteComment id={props.id} onCommentDelete={props.handleCommentChange} />}
                 <div className="date">
-                    <span className="">{date}</span>
-                    <span className="">{time}</span>
+                    <span>{date}</span>
+                    <span>{time}</span>
                 </div>
 
             </div>
diff --git a/devblog/devblog/ClientApp/src/components/styles/Comment.css b/devblog/devblog/ClientApp/src/components/styles/Comment.css
index e80621cb..e6afb1fe 100644
--- a/devblog/devblog/ClientApp/src/components/styles/Comment.css
+++ b/devblog/devblog/ClientApp/src/components/styles/Comment.css
@@ -14,6 +14,7 @@
 
 .comment p {
     padding-left: 5px;
+    word-wrap: break-word;
     width: 85%;
 }