diff --git a/src/routes/MetaDetails/VideosList/Video/Video.js b/src/routes/MetaDetails/VideosList/Video/Video.js
index db9af6e97..51d75a778 100644
--- a/src/routes/MetaDetails/VideosList/Video/Video.js
+++ b/src/routes/MetaDetails/VideosList/Video/Video.js
@@ -32,34 +32,34 @@ const Video = ({ className, id, title, thumbnail, episode, released, upcoming, w
{episode !== null && !isNaN(episode) ? `${episode}. ` : null}
{typeof title === 'string' && title.length > 0 ? title : id}
- {
- released instanceof Date && !isNaN(released.getTime()) ?
-
+
+ {
+ released instanceof Date && !isNaN(released.getTime()) ?
{released.toLocaleString(undefined, { year: '2-digit', month: 'short', day: 'numeric' })}
-
- {
- upcoming ?
-
- :
- null
- }
- {
- watched ?
-
- :
- null
- }
-
-
- :
- null
- }
+ :
+ null
+ }
+
+ {
+ upcoming ?
+
+ :
+ null
+ }
+ {
+ watched ?
+
+ :
+ null
+ }
+
+
{
progress !== null && !isNaN(progress) && progress > 0 ?
diff --git a/src/routes/MetaDetails/VideosList/Video/styles.less b/src/routes/MetaDetails/VideosList/Video/styles.less
index 8ffbd075d..115b1bae2 100644
--- a/src/routes/MetaDetails/VideosList/Video/styles.less
+++ b/src/routes/MetaDetails/VideosList/Video/styles.less
@@ -52,10 +52,11 @@
color: @color-surface-light5-90;
}
- .released-info-container {
+ .flex-row-container {
display: flex;
flex-direction: row;
align-items: center;
+ justify-content: flex-end;
.released-container {
flex: 1;