diff --git a/src/shared/components/buttons/themed/tc.scss b/src/shared/components/buttons/themed/tc.scss
index 952fd18d83..1c0e006caf 100644
--- a/src/shared/components/buttons/themed/tc.scss
+++ b/src/shared/components/buttons/themed/tc.scss
@@ -7,6 +7,7 @@
text-decoration: none !important;
text-transform: uppercase !important;
margin: 0 !important;
+ white-space: nowrap !important;
}
@mixin primary-green {
@@ -107,6 +108,7 @@
text-decoration: none !important;
text-transform: uppercase !important;
margin: 0 !important;
+ white-space: nowrap !important;
}
@mixin secondary-gray {
@@ -133,6 +135,7 @@
font-weight: 700 !important;
text-transform: uppercase !important;
margin: 0 !important;
+ white-space: nowrap !important;
}
@mixin warn-red {
diff --git a/src/shared/components/challenge-detail/Header/DeadlinesPanel/Card/index.jsx b/src/shared/components/challenge-detail/Header/DeadlinesPanel/Card/index.jsx
index 5efc2339be..154e95a46b 100644
--- a/src/shared/components/challenge-detail/Header/DeadlinesPanel/Card/index.jsx
+++ b/src/shared/components/challenge-detail/Header/DeadlinesPanel/Card/index.jsx
@@ -10,6 +10,7 @@ import './style.scss';
/* Date/time format to use in the card. */
const FORMAT = 'MMM DD, HH:mm';
+const FORMAT_YEAR = 'MMM DD YYYY, HH:mm';
export default function Card({ past, time, title }) {
const time2 = moment(time);
@@ -20,7 +21,7 @@ export default function Card({ past, time, title }) {
{title}
- {time2.format(FORMAT)}
+ {time2.format(time2.year() !== moment().year() ? FORMAT_YEAR : FORMAT)}
);
diff --git a/src/shared/components/challenge-detail/Specification/SideBar/index.jsx b/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
index 42912944d5..5b4fe7aa2c 100644
--- a/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
+++ b/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
@@ -88,6 +88,28 @@ export default function SideBar({