diff --git a/frontend/src/components/DownloadForm.js b/frontend/src/components/DownloadForm.js
index ab6ebda..3ca6f07 100644
--- a/frontend/src/components/DownloadForm.js
+++ b/frontend/src/components/DownloadForm.js
@@ -107,7 +107,7 @@ const DownloadForm = () => {
               id="url"
               value={url}
               onChange={(e) => setUrl(e.target.value)}
-              className="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
+              className="mt-1 block w-full px-3 py-2 border border-gray-300 bg-zinc-800 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm text-gray-300"
               placeholder="Enter video URL"
             />
           </div>
@@ -122,7 +122,7 @@ const DownloadForm = () => {
               id="quality"
               value={quality}
               onChange={(e) => setQuality(e.target.value)}
-              className="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
+              className="mt-1 block w-full px-3 py-2 border border-gray-300 bg-zinc-800 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm text-gray-300"
             >
               <option value="360p">Standard</option>
               <option value="480p">High</option>