diff --git a/src/components/comments.js b/src/components/comments.js
index c43c503..463a15f 100644
--- a/src/components/comments.js
+++ b/src/components/comments.js
@@ -76,8 +76,8 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
               : dateObj.toLocaleTimeString()}
           </div>
         </div>
-        <div className={`${!displayed && styles.hidden}`}>
-          <div className={styles.commentText}> {content}</div>
+        <div className={`${!displayed ? styles.hidden : ''}`}>
+          <div className={styles.commentText}>{content}</div>
           <div className={'actions'}>
             <span
               className={styles.reply_bttn}
diff --git a/src/components/comments.module.css b/src/components/comments.module.css
index ec5d693..681fe7e 100644
--- a/src/components/comments.module.css
+++ b/src/components/comments.module.css
@@ -55,6 +55,7 @@
 .commentText {
   margin: 2px;
   padding: 10px 5px;
+  white-space: pre-line;
 }
 
 .ownComment {