diff --git a/frontend/src/components/DownloadForm.js b/frontend/src/components/DownloadForm.js
index 4f12af7..8259ab5 100644
--- a/frontend/src/components/DownloadForm.js
+++ b/frontend/src/components/DownloadForm.js
@@ -77,7 +77,7 @@ const DownloadForm = () => {
         <div>
           <button
             type="submit"
-            className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+            className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-black hover:bg-gray-700 hover:fg-black focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
           >
             Download
           </button>
diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
index d3903a7..88d4d2d 100644
--- a/frontend/src/components/Header.js
+++ b/frontend/src/components/Header.js
@@ -2,7 +2,7 @@ import React from "react";
 
 const Header = () => {
   return (
-    <header className="bg-blue-600 text-white p-4">
+    <header className="bg-black text-white p-4">
       <h1 className="text-xl font-bold">DownLink</h1>
     </header>
   );