diff --git a/website/client/components/shops/timeTravelers/index.vue b/website/client/components/shops/timeTravelers/index.vue
index dcb594de12..f236dd9a93 100644
--- a/website/client/components/shops/timeTravelers/index.vue
+++ b/website/client/components/shops/timeTravelers/index.vue
@@ -22,7 +22,7 @@
           )
     .standard-page
       div.featuredItems
-        .background
+        .background(:class="{'background-closed': closed, 'background-open': !closed }")
           div.npc(:class="{'closed': closed }")
             div.featured-label
               span.rectangle
@@ -34,8 +34,6 @@
               span.text(v-once) {{ $t('timeTravelersPopoverNoSubMobile') }}
               span.rectangle
 
-      h1.mb-4.page-header(v-once) {{ $t('timeTravelers') }}
-
       .clearfix(v-if="!closed")
         div.float-right
           span.dropdown-label {{ $t('sortBy') }}
@@ -164,12 +162,9 @@
       height: 216px;
 
       .background {
-        background: url('~assets/images/npc/#{$npc_timetravelers_flavor}/time_travelers_background.png');
-
         background-repeat: repeat-x;
 
         width: 100%;
-        height: 216px;
         position: absolute;
 
         top: 0;
@@ -180,6 +175,14 @@
         justify-content: center;
         align-items: center;
       }
+      .background-open {
+        background: url('~assets/images/npc/#{$npc_timetravelers_flavor}/time_travelers_background.png');
+        height: 188px;
+      }
+      .background-closed {
+        background: url('~assets/images/npc/normal/time_travelers_background.png');
+        height: 216px;
+      }
 
       .content {
         display: flex;