From ea5d907ff5d719a794554fa0f6c0ba1efb6583f4 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Wed, 17 Oct 2018 17:22:20 +0200
Subject: [PATCH] fix: remove 80% max-width

---
 .../client/stream/tabs/profile/components/HistoryComment.css  | 4 ----
 .../client/stream/tabs/profile/components/HistoryComment.tsx  | 4 +---
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/core/client/stream/tabs/profile/components/HistoryComment.css b/src/core/client/stream/tabs/profile/components/HistoryComment.css
index 3fc148629..058599b47 100644
--- a/src/core/client/stream/tabs/profile/components/HistoryComment.css
+++ b/src/core/client/stream/tabs/profile/components/HistoryComment.css
@@ -7,10 +7,6 @@
   composes: button from "talk-ui/shared/typography.css";
 }
 
-.body {
-  max-width: 80%;
-}
-
 .divider {
   margin: calc(var(--spacing-unit) * 2) 0 !important;
 }
diff --git a/src/core/client/stream/tabs/profile/components/HistoryComment.tsx b/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
index 8cc721b9f..4aca65531 100644
--- a/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
+++ b/src/core/client/stream/tabs/profile/components/HistoryComment.tsx
@@ -32,9 +32,7 @@ const HistoryComment: StatelessComponent<HistoryCommentProps> = props => {
       </Localized>
       <Timestamp>{props.createdAt}</Timestamp>
       <Typography variant="bodyCopy" container="div">
-        {props.body && (
-          <HTMLContent className={styles.body}>{props.body}</HTMLContent>
-        )}
+        {props.body && <HTMLContent>{props.body}</HTMLContent>}
       </Typography>
       <Flex direction="row" alignItems="center" itemGutter>
         {!!props.replyCount && (