TP-47333 | alignment and text fix

src/Pages/Incidents/IncidentInfo/CreatedInfo.tsx

@@ -19,7 +19,7 @@ const renderCreatedInfo = (byPerson, TeamAssigned, updatedAt): JSX.Element => (
       <div className={styles['single-line-wrapper']}>
         <div className={styles['slack-info-wrapper']}>
           <Typography variant="p5" color="var(--navi-color-gray-c3)">
-            Team Assigned&nbsp;&nbsp;
+            Team assigned&nbsp;&nbsp;
           </Typography>
           <StepperLogTag isSeverity={false} toChange={TeamAssigned} />
         </div>

src/Pages/Incidents/Incidents.module.scss

@@ -160,3 +160,7 @@
   bottom: 0;
   right: 0;
 }
+
+.arrowdown-style {
+  margin-top: 4px;
+}

src/Pages/Incidents/index.tsx

@@ -351,7 +351,7 @@ const Incident: FC = () => {
                                 : '-'}
                             </Typography>
                           </div>
-                          <div>
+                          <div className={styles['arrowdown-style']}>
                             <ArrowDownIcon />
                           </div>
                         </div>
@@ -405,7 +405,9 @@ const Incident: FC = () => {
                             </Typography>
                           </div>
                           <div>
-                            <ArrowDownIcon />
+                            <ArrowDownIcon
+                              className={styles['arrowdown-style']}
+                            />
                           </div>
                         </div>
                         <div className={styles['status-selectpicker']}>
@@ -454,7 +456,9 @@ const Incident: FC = () => {
                           </div>
 
                           <div>
-                            <ArrowDownIcon />
+                            <ArrowDownIcon
+                              className={styles['arrowdown-style']}
+                            />
                           </div>
                         </div>
                         <div className={styles['team-selectpicker']}>