diff --git a/static/css/style.css b/static/css/style.css
index 47b9c22..6d19f67 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -33,6 +33,13 @@ body {
 
 }
 
+.download-button{
+  background-color: transparent;
+    color: #c8e4ef;
+    border-style: none;
+    cursor: pointer;
+}
+
 .inputHolder {
   padding: 10px;
   margin-top: 5px;
diff --git a/views/home.ejs b/views/home.ejs
index d8fe4d1..0ea616e 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -83,7 +83,7 @@
             </div>
             <input type="text" id="datepicker" autocomplete="off" onchange="getCityDetails()">
 
-            <button id="downloadButton">Download</button>
+            <button id="downloadButton" class="download-button"><i class="fa-solid fa-download"></i></button>
         </div>
 
         <div class="dropdown">