diff --git a/src/components/SearchBar.astro b/src/components/SearchBar.astro
index 51591e7..49cd9fc 100644
--- a/src/components/SearchBar.astro
+++ b/src/components/SearchBar.astro
@@ -6,6 +6,6 @@
   <input
     type="text"
     placeholder="Search prompts..."
-    class="w-full p-2 border rounded focus:outline-none focus:ring"
+    class="w-full p-2 border rounded bg-gray-300 text-gray-800 focus:outline-none focus:ring"
   />
 </div>