diff --git a/html/search.ejs b/html/search.ejs
index 5e889785..a6a787d5 100644
--- a/html/search.ejs
+++ b/html/search.ejs
@@ -416,7 +416,7 @@ video[counter].classList.add("shake");
         <div class="middle">
 <div class="search">
   
-        <form action=/search><input class=search-bar autocomplete="on"  value="<%=q%>" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
+        <form action=/search><input class=search-bar autocomplete="on"  value="<%=q%>" id=fname name=query  style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;background: linear-gradient(90deg, hsla(235, 21%, 21%, 1) 0%, hsla(194, 41%, 22%, 1) 50%, hsla(174, 48%, 20%, 1) 100%);" >
           <button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button>
              
          </form>