diff --git a/src/renderer/views/Watch/Watch.sass b/src/renderer/views/Watch/Watch.sass
index 2f3a6205..70915cd5 100644
--- a/src/renderer/views/Watch/Watch.sass
+++ b/src/renderer/views/Watch/Watch.sass
@@ -48,23 +48,28 @@
.premiereDate
color: #FFFFFF
- background-color: rgba(0, 0, 0, 0.7)
- width: 400px
+ background-color: rgba(0, 0, 0, 0.8)
height: 60px
- border-radius: 5%
+ border-radius: 5px
position: absolute
- bottom: 5px
+ bottom: 12px
+ left: 12px
+ display: flex
+ align-items: center
+ padding: 0 12px
.premiereIcon
float: left
font-size: 25px
- margin-top: 12px
- margin-left: 8px
- padding: 5px
+ margin: 0 12px
.premiereText
- margin-left: 50px
- margin-top: 10px
+ min-width: 200px
+ margin: 0 12px
+
+ .premiereTextTimestamp
+ font-size: 0.85em
+ font-weight: bold
.watchVideo
margin: 0 0 16px
diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
index 7a0e1ee0..0298cab9 100644
--- a/src/renderer/views/Watch/Watch.vue
+++ b/src/renderer/views/Watch/Watch.vue
@@ -54,9 +54,17 @@
v-if="upcomingTimestamp !== null"
class="premiereText"
>
- {{ $t("Video.Premieres") }} {{ upcomingTimeLeft }}
+
+ {{ $t("Video.Premieres") }} {{ upcomingTimeLeft }}
+
- {{ upcomingTimestamp }}
+
+ {{ upcomingTimestamp }}
+