fix: styles

Author: hentrymartin

src/shared/components/SubmissionPage/FilestackFilePicker/index.jsx

@@ -177,7 +177,7 @@ class FilestackFilePicker extends React.Component {
           </p>
         </div>
         <div
-          styleName={`file-picker ${error ? 'error' : ''} ${dragged ? 'drag' : ''}`}
+          styleName={`file-picker ${error ? 'error' : ''} ${dragged ? 'drag' : ''} ${isChallengeBelongToTopgearGroup ? 'topgear' : ''}`}
         >
           {
             !fileName && !isChallengeBelongToTopgearGroup && (

src/shared/components/SubmissionPage/FilestackFilePicker/styles.scss

@@ -25,6 +25,10 @@
     position: relative;
     justify-content: space-around;
 
+    &.topgear {
+      justify-content: flex-start;
+    }
+
     @include xs-to-sm {
       min-height: 150px;
       justify-content: space-between;

src/shared/components/SubmissionPage/Submit/index.jsx

@@ -200,8 +200,8 @@ class Submit extends React.Component {
       : `Please follow the instructions on the Challenge Details page regarding
         what your submission should contain and how it should be organized.`;
     const troubleInstruction = isChallengeBelongToTopgearGroup
-      ? `If you are having trouble uploading your file, please raise a Service
-        Now (SNOW) ticket under the TopGear category.`
+      ? `If you are having trouble with the submission or have any queries, please raise a Service 
+      Now (SNOW) ticket under the TopGear category.`
       : (
         <span>
           If you are having trouble uploading your file, please send your submission