UI bugs: Fix font color, preserve line breaks

src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/OpportunityDetails.tsx

@@ -14,9 +14,12 @@ const OpportunityDetails: FC<{
                 {props.opportunity?.skills.map(item => (<span className={styles.skillPill}>{item.name}</span>))}
             </div>
             <h2 className={styles.subHeading}> Description </h2>
-            <p>
-                {props.opportunity?.overview}
-            </p>
+            {props.opportunity?.overview && (
+                <div dangerouslySetInnerHTML={{
+                    __html: props.opportunity.overview.replace(/\n/g, '<br />'),
+                }}
+                />
+            )}
         </div>
         <div>
             <h2 className={styles.subHeading}> Complexity </h2>

src/apps/copilots/src/pages/copilot-request-form/index.tsx

@@ -501,6 +501,7 @@ const CopilotRequestForm: FC<{}> = () => {
                             .setFullYear(new Date()
                                 .getFullYear() + 2))}
                         minYear={new Date()}
+                        className={styles.datepicker}
                     />
                     <p className={styles.formRow}>How many weeks will you need the copilot for?</p>
                     <InputText

src/apps/copilots/src/pages/copilot-request-form/styles.module.scss

@@ -97,4 +97,8 @@ $gradient: linear-gradient(
             margin-right: $sp-1;
         }
     }
+
+    .datepicker input{
+        color: black;
+    }
 }