change(ui) - issue form and share popup titles

frontend/app/components/Session_/Issues/IssuesModal.js

@@ -11,7 +11,7 @@ const IssuesModal = ({
 }) => {
   return (
     <div className={ stl.wrapper }>
-      <h3 className="mb-6 text-lg flex items-center">
+      <h3 className="text-xl font-semibold">
         {/* <Icon name={headerIcon} size="18" color="color-gray-darkest" />  */}
         <span>{`Report an Issue on ${provider === 'jira' ? 'Jira' : 'Github'}`}</span>
       </h3>

frontend/app/components/shared/SharePopup/SharePopup.js

@@ -113,10 +113,8 @@ export default class SharePopup extends React.PureComponent {
               <Loader loading />
             ) : (
               <>
-                <div className={styles.header}>
-                  <div className={cn(styles.title, 'text-lg')}>
-                    Share this session link to Slack/MS Teams
-                  </div>
+                <div className="text-xl mr-4 font-semibold mb-4">
+                  Share this session link to Slack/MS Teams
                 </div>
                 {slackOptions.length > 0 || msTeamsOptions.length > 0 ? (
                   <div>

frontend/app/components/shared/SharePopup/sharePopup.module.css

@@ -8,8 +8,9 @@
 
 .wrapper {
   background-color: white;
-  width: 350px;
+  width: 390px;
   padding: 10px 8px;
+  color: $gray-darkest !important;
 }
 
 .header {