diff --git a/html/download.ejs b/html/download.ejs
index c5bc23a1..7f6975e3 100644
--- a/html/download.ejs
+++ b/html/download.ejs
@@ -48,7 +48,7 @@ summary:hove
   <style>
     body{
         overflow-x: hidden; /* Hide horizontal scrollbar */
-        color:#111111
+        color:#111111;
     }
     
    .animated {
@@ -163,7 +163,7 @@ font-family:Ubuntu
  
 <body>
  
-<div class="app">
+       <div class="app" style="background:linear-gradient(to bottom right, #9666F7, #B37C6B) !important;height:100vh">      
 	   <nav>
        <div class=left><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff><img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5">  </a>                                                                                               </div>               
             <div class="middle">
@@ -179,7 +179,7 @@ font-family:Ubuntu
 	   
 
 <div class="playlist-page">
-<div class="playlist-info" style="border-radius:12px;font-family:'Inter';margin: 8px;padding: 18px;background: linear-gradient(135deg, #f97794 10%, #623aa2 100%,  #8e6f7e 100% );width: fit-content;height: fit-content;">
+<div class="playlist-info" style="border-radius:12px;font-family:'Inter';margin: 8px;padding: 18px;background:#111;width: fit-content;height: fit-content;">
   <div class="thumbnail" style="background-image: url('https://i.ytimg.com/vi/<%=video.id%>/hqdefault.jpg');border-radius: 1em;">
       <a style="border-radius: 1em;" href="/watch?v=<%=video.id%>">Watch The Video</a> 
 		</div>
