diff --git a/src/components/Event.tsx b/src/components/Event.tsx
index 97d5fb3..892cdf4 100644
--- a/src/components/Event.tsx
+++ b/src/components/Event.tsx
@@ -35,7 +35,7 @@ class Event extends React.PureComponent {
           <div><u>{this.props.item.location}</u></div>
         </PimItemHeader>
         <div style={style.content}>
-          <pre>{this.props.item.description}</pre>
+          <p style={{ wordWrap: 'break-word' }}>{this.props.item.description}</p>
           {(this.props.item.attendees.length > 0) && (
             <div>Attendees: {this.props.item.attendees.map((x) => (x.getFirstValue())).join(', ')}</div>)}
         </div>
diff --git a/src/components/Tasks/Task.tsx b/src/components/Tasks/Task.tsx
index 334526b..ed71e9e 100644
--- a/src/components/Tasks/Task.tsx
+++ b/src/components/Tasks/Task.tsx
@@ -42,7 +42,7 @@ class Task extends React.PureComponent {
           <div><u>{this.props.item.location}</u></div>
         </PimItemHeader>
         <div style={style.content}>
-          <pre>{this.props.item.description}</pre>
+          <p style={{ wordWrap: 'break-word' }}>{this.props.item.description}</p>
           {(this.props.item.attendees.length > 0) && (
             <div>Attendees: {this.props.item.attendees.map((x) => (x.getFirstValue())).join(', ')}</div>)}
         </div>