diff --git a/public/css/unleash.css b/public/css/unleash.css
index bb9bd4d8e3..0266021bf0 100644
--- a/public/css/unleash.css
+++ b/public/css/unleash.css
@@ -17,4 +17,8 @@
 
 .no-border {
     border: none;
+}
+
+code {
+    word-wrap: break-word;;
 }
\ No newline at end of file
diff --git a/public/js/components/log/LogEntry.jsx b/public/js/components/log/LogEntry.jsx
index 3311c19c46..3a53ead31d 100644
--- a/public/js/components/log/LogEntry.jsx
+++ b/public/js/components/log/LogEntry.jsx
@@ -19,8 +19,8 @@ var LogEntry = React.createClass({
                 <td>
                     <strong>{this.props.event.data.name}</strong><em>[{this.props.event.type}]</em>
                 </td>
-                <td>
-                    <code className='JSON'>{JSON.stringify(localEventData)}</code>
+                <td style={{maxWidth: 300}}>
+                    <code className='JSON smalltext'>{JSON.stringify(localEventData)}</code>
                 </td>
                 <td>{this.props.event.createdBy}</td>
             </tr>
diff --git a/public/js/components/log/LogEntryList.jsx b/public/js/components/log/LogEntryList.jsx
index 8311da6e3e..96f0492f5c 100644
--- a/public/js/components/log/LogEntryList.jsx
+++ b/public/js/components/log/LogEntryList.jsx
@@ -11,7 +11,7 @@ var LogEntryList = React.createClass({
             return <LogEntry event={event} key={event.name} />;
         });
         return (
-            <div className='phm'>
+            <div className=''>
                 <table className='outerborder zebra-striped'>
                     <thead>
                         <tr>