diff --git a/src/shared/components/TrackIcon/style.scss b/src/shared/components/TrackIcon/style.scss
index 97e722a8c2..62ef3d0b69 100644
--- a/src/shared/components/TrackIcon/style.scss
+++ b/src/shared/components/TrackIcon/style.scss
@@ -83,8 +83,8 @@ $track-code-turquose: #0ab88a;
 
     &.qa,
     &.quality-assurance {
-      color: $tc-purple-120;
-      background: $tc-purple-20;
+      color: #0ab88a;
+      background: #c1f5e7;
     }
 
     &.data_science,
diff --git a/src/shared/components/challenge-detail/Header/ChallengeTags.jsx b/src/shared/components/challenge-detail/Header/ChallengeTags.jsx
index d0c45b0615..e9150ce43f 100644
--- a/src/shared/components/challenge-detail/Header/ChallengeTags.jsx
+++ b/src/shared/components/challenge-detail/Header/ChallengeTags.jsx
@@ -27,7 +27,7 @@ import { COMPETITION_TRACKS } from 'utils/tc';
 import VerifiedTag from 'components/challenge-listing/VerifiedTag';
 import MatchScore from 'components/challenge-listing/ChallengeCard/MatchScore';
 import { calculateScore } from '../../../utils/challenge-listing/helper';
-import './style.scss';
+import style from './style.scss';
 
 export default function ChallengeTags(props) {
   const {
@@ -97,6 +97,7 @@ export default function ChallengeTags(props) {
           <EventTag
             to={`https://${event}.topcoder.com`}
             key={event}
+            theme={track === COMPETITION_TRACKS.QA ? { button: style.qaTrackEventTag } : undefined}
           >
             {event}
           </EventTag>
diff --git a/src/shared/components/challenge-detail/Header/style.scss b/src/shared/components/challenge-detail/Header/style.scss
index 0832d4bb8c..341a5372e7 100644
--- a/src/shared/components/challenge-detail/Header/style.scss
+++ b/src/shared/components/challenge-detail/Header/style.scss
@@ -586,3 +586,19 @@
   margin-right: -2px;
   padding: 0;
 }
+
+.qaTrackEventTag {
+  color: #0ab88a;
+  background: #c1f5e7;
+
+  &:active,
+  &:focus,
+  &:hover {
+    color: lighten(#0ab88a, 2%);
+    background: darken(#c1f5e7, 5%);
+  }
+
+  &:visited {
+    color: lighten(#0ab88a, 2%);
+  }
+}
diff --git a/src/shared/components/challenge-detail/Submissions/style.scss b/src/shared/components/challenge-detail/Submissions/style.scss
index a6155822aa..fbfe076c72 100644
--- a/src/shared/components/challenge-detail/Submissions/style.scss
+++ b/src/shared/components/challenge-detail/Submissions/style.scss
@@ -222,7 +222,7 @@
 
 .container.dev {
   line-height: 50px;
-  text-align: center;
+  text-align: left;
 
   @include xs-to-sm {
     line-height: 20px;
@@ -346,7 +346,6 @@
 
     .col-1 {
       padding-left: 30px;
-      text-align: left;
       width: 10%;
       justify-content: flex-start;
       display: flex;
@@ -364,10 +363,11 @@
     }
 
     .col-3 {
-      width: 18.6%;
+      width: 20.5%;
+      margin-right: auto;
 
       a {
-        padding-left: 20px;
+        padding-left: 0;
 
         @include xs-to-sm {
           padding-left: 0;
@@ -380,10 +380,11 @@
     }
 
     .col-4 {
-      width: 20.6%;
+      width: 20.5%;
+      margin-right: auto;
 
       p {
-        padding-left: 20px;
+        padding-left: 0;
 
         @include xs-to-sm {
           padding-left: 0;
@@ -396,7 +397,7 @@
     }
 
     .col-5 {
-      width: 19.6%;
+      width: 22%;
 
       p {
         padding-right: 60px;
@@ -412,7 +413,7 @@
     }
 
     .col-6 {
-      width: 21.6%;
+      width: 22%;
 
       p {
         padding-right: 55px;
@@ -473,7 +474,6 @@
   @include barlow-bold;
 
   display: flex;
-  justify-content: center;
   align-items: center;
   cursor: pointer;
   border: none;
diff --git a/src/shared/components/challenge-listing/ChallengeCard/Status/index.jsx b/src/shared/components/challenge-listing/ChallengeCard/Status/index.jsx
index 6c808d9a64..04164b0bf9 100644
--- a/src/shared/components/challenge-listing/ChallengeCard/Status/index.jsx
+++ b/src/shared/components/challenge-listing/ChallengeCard/Status/index.jsx
@@ -152,8 +152,11 @@ export default function ChallengeStatus(props) {
         styleName="register-button"
         target={openChallengesInNewTabs ? '_blank' : undefined}
       >
-        <span>
-          <strong>{timeNote}</strong> to Register
+        <span styleName={`${timeDiff.late ? 'late' : ''}`}>
+          {timeNote}
+        </span>
+        <span styleName={`to-register ${timeDiff.late ? 'third-line' : ''}`}>
+          to Register
         </span>
       </a>
     );
diff --git a/src/shared/components/challenge-listing/ChallengeCard/Status/style.scss b/src/shared/components/challenge-listing/ChallengeCard/Status/style.scss
index 909f2f8287..500d32f3c8 100644
--- a/src/shared/components/challenge-listing/ChallengeCard/Status/style.scss
+++ b/src/shared/components/challenge-listing/ChallengeCard/Status/style.scss
@@ -149,6 +149,7 @@ $status-radius-4: $corner-radius * 2;
     @include roboto-regular;
 
     font-weight: 400;
+    display: block;
     position: absolute;
     height: 90%;
     margin-top: 5px;
@@ -156,13 +157,11 @@ $status-radius-4: $corner-radius * 2;
     top: 0;
     right: 0;
     width: 120px;
+    padding-left: 16px;
     text-align: left;
     font-size: 14px;
     color: $tco-black;
     line-height: 24px;
-    white-space: nowrap;
-    justify-content: center;
-    display: flex;
 
     @include xs-to-sm {
       position: absolute;
@@ -179,26 +178,28 @@ $status-radius-4: $corner-radius * 2;
     span {
       font-size: 14px;
       line-height: $status-space-15;
-      font-weight: 400;
+      font-weight: 500;
+      display: block;
       position: absolute;
       top: 50%;
       transform: translate(0, -50%);
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin: 0 auto;
-      text-align: left;
+      margin-top: -$status-space-10;
 
-      strong {
-        font-weight: 600;
+      &.late {
+        line-height: $status-space-20;
+        max-width: 67px;
       }
 
       @include xs-to-sm {
         display: inline-block;
         position: relative;
-        margin-top: 10px;
+        margin-top: 0;
         color: $tco-black;
-        padding-right: 0;
+
+        &.late {
+          line-height: $status-space-15;
+          max-width: 100%;
+        }
       }
     }
 
@@ -206,9 +207,17 @@ $status-radius-4: $corner-radius * 2;
       font-weight: 400;
       margin-top: $status-space-10;
 
+      &.third-line {
+        margin-top: $status-space-20;
+      }
+
       @include xs-to-sm {
         margin-top: 0;
         padding-left: 5px;
+
+        &.third-line {
+          margin-top: 0;
+        }
       }
     }