fix: issue #1083

Author: yoution

src/components/ChallengeEditor/ChallengeEditor.module.scss

@@ -29,12 +29,6 @@
     color: $tc-red;
   }
 
-  .errorMessage {
-    text-align: left;
-    margin-left: 60px;
-    font-size: 25px;
-    color: $tc-red;
-  }
 }
 
 .textRequired {
@@ -241,7 +235,11 @@
 .error {
   padding-right: 40px;
   padding-bottom: 20px;
-  color: $tc-red
+  color: $tc-red;
+
+  .errorMessage {
+    font-size: 25px;
+  }
 }
 
 .actionButtons {

src/components/ChallengeEditor/index.js

@@ -1181,13 +1181,14 @@ class ChallengeEditor extends Component {
     if (failedToLoad) {
       return (
         <div className={styles.wrapper}>
-          <div className={styles.title}>{errorMessage ? <div className={styles.errorMessage}>{`Error : ${errorMessage}`}</div> : 'There was an error loading the challenge'}</div>
+          <div className={styles.title}>There was an error loading the challenge</div>
           <br />
           <div className={styles.container}>
             <div className={styles.formContainer}>
               <div className={styles.group}>
                 <div className={styles.row}>
                   <div className={styles.error}>
+                    {errorMessage && <div className={styles.errorMessage}>{`Error : ${errorMessage}`}</div>}
                     Please try again later and if the issue persists contact us at&nbsp;
                     <a href='mailto:support@topcoder.com'>support@topcoder.com</a>
                     &nbsp;to resolve the issue as soon as possible.