corrected styles for deadlines

Author: shubhendusaurabh

src/shared/components/challenge-detail/Header/index.jsx

@@ -203,7 +203,7 @@ export default function ChallengeHeader(props) {
             <div styleName="deadlines-overview">
               <div styleName="deadlines-overview-text">
                 {status === 'COMPLETED' ?
-                  <div styleName="next-deadline">The challenge is finished.</div>
+                  <div styleName="completed">The challenge is finished.</div>
                   :
                   <div>
                     <div styleName="next-deadline">

src/shared/components/challenge-detail/Header/style.scss

@@ -295,16 +295,20 @@
             word-wrap: normal;
             border-right: $tc-gray-50 solid 1px;
             padding-right: 10px;
+            display: inline;
 
             .deadline-highlighted {
               color: $tc-white;
               font-weight: 700;
             }
           }
-
+          .completed {
+            border-right: none;
+          }
           .current-phase {
             overflow-wrap: normal;
             padding-left: 10px;
+            display: inline;
 
             .deadline-highlighted {
               color: $tc-white;