diff --git a/src/course-outline/page-alerts/PageAlerts.jsx b/src/course-outline/page-alerts/PageAlerts.jsx
index 7dc50010a..2dc984202 100644
--- a/src/course-outline/page-alerts/PageAlerts.jsx
+++ b/src/course-outline/page-alerts/PageAlerts.jsx
@@ -344,7 +344,11 @@ const PageAlerts = ({
     let errorList = Object.entries(errors).filter(obj => obj[1] !== null).map(([k, v]) => {
       switch (v.type) {
         case API_ERROR_TYPES.serverError: {
-          let description = v.data || intl.formatMessage(messages.serverErrorAlertBody);
+          let description = (
+            <Truncate>
+              {v.data || intl.formatMessage(messages.serverErrorAlertBody)}
+            </Truncate>
+          );
           let alertTitle = intl.formatMessage(messages.serverErrorAlert);
           if (v.status === 403) {
             description = intl.formatMessage(messages.forbiddenAlertBody, {
@@ -395,8 +399,7 @@ const PageAlerts = ({
             dismissError={() => dispatch(dismissError(msgObj.key))}
           >
             <Alert.Heading>{msgObj.title}</Alert.Heading>
-            {(typeof msgObj.desc === 'string')
-              ? <Truncate lines={2}>{msgObj.desc}</Truncate> : msgObj.desc}
+            {msgObj.desc}
           </ErrorAlert>
         ) : (
           <Alert
@@ -405,7 +408,7 @@ const PageAlerts = ({
             key={msgObj.key}
           >
             <Alert.Heading>{msgObj.title}</Alert.Heading>
-            {msgObj.desc && <Truncate lines={2}>{msgObj.desc}</Truncate>}
+            {msgObj.desc}
           </Alert>
         )
       ))