diff --git a/src/webapp/src/views/PaymentPrepareView.vue b/src/webapp/src/views/PaymentPrepareView.vue
deleted file mode 100644
index 71717fe..0000000
--- a/src/webapp/src/views/PaymentPrepareView.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<!--
-*				libreevent - PaymentPrepareView.vue
-*
-*	Created by Janis Hutz 05/14/2023, Licensed under the GPL V3 License
-*			https://janishutz.com, development@janishutz.com
-*
-*
--->
\ No newline at end of file
diff --git a/src/webapp/src/views/TicketsDetailsView.vue b/src/webapp/src/views/TicketsDetailsView.vue
index edb464e..c45f6dd 100644
--- a/src/webapp/src/views/TicketsDetailsView.vue
+++ b/src/webapp/src/views/TicketsDetailsView.vue
@@ -9,16 +9,25 @@
 
 <template>
     <div class="details">
-        <h1>{{ event.name }}</h1>
-        <router-link to="/tickets"><span class="material-symbols-outlined" style="font-size: 100%;">arrow_back</span>Back</router-link>
-        <p>{{ event.description }}</p>
-        <router-link to="/tickets/order">Order tickets</router-link>
+        <div class="top-container">
+            <h1>{{ event.name }}</h1>
+            <router-link to="/tickets"><span class="material-symbols-outlined" style="font-size: 100%;">arrow_back</span>Back</router-link>
+            <p>{{ event.description }}</p>
+            <router-link to="/tickets/order">Order tickets</router-link>
+        </div>
     </div>
 </template>
 
 <style scoped>
     .details {
-        flex-grow: 1;
+        height: 100%;
+    }
+    
+    .top-container {
+        background: linear-gradient( to top, rgba( 0, 0, 0, 0.9 ) 50%, rgba( 0, 0, 0, 0 ) ), url( '@/assets/logo.png');
+        background-repeat: no-repeat;
+        background-size: cover;
+        height: 100%;
     }
 </style>