diff --git a/client/src/app-components/ticket-event.js b/client/src/app-components/ticket-event.js
index 5bc9fcf1..a42b3e28 100644
--- a/client/src/app-components/ticket-event.js
+++ b/client/src/app-components/ticket-event.js
@@ -115,7 +115,7 @@ class TicketEvent extends React.Component {
 
     renderContent() {
         return (
-            <div  className="ticket-event__comment-content">
+            <div  className="ticket-event__comment-content ql-editor">
                 <div dangerouslySetInnerHTML={{__html: this.props.content}}></div>
                 {((this.props.author.id == this.props.userId && this.props.author.staff == this.props.userStaff) || this.props.userStaff) ? this.renderEditIcon() : null}
             </div>
diff --git a/client/src/app-components/ticket-event.scss b/client/src/app-components/ticket-event.scss
index 116000ee..9af606b1 100644
--- a/client/src/app-components/ticket-event.scss
+++ b/client/src/app-components/ticket-event.scss
@@ -84,7 +84,7 @@
             border: 2px solid $light-grey;
             border-bottom: none;
             padding: 12px;
-            font-size: 10.6px;
+            font-size: 12.5px;
             font-family: helvetica;
             background-color: $light-grey;
 
@@ -94,7 +94,7 @@
             background-color: white;
             border: 2px solid $very-light-grey;
             border-top: none;
-            padding: 20px 10px;
+            padding: 28px 10px;
             text-align: left;
             position:relative;