diff --git a/client/src/app/features/recipes/recipes.component.html b/client/src/app/features/recipes/recipes.component.html
index 739eca8..da822f0 100644
--- a/client/src/app/features/recipes/recipes.component.html
+++ b/client/src/app/features/recipes/recipes.component.html
@@ -117,7 +117,7 @@
             >
               <div class="join">
                 <input
-                  class="input input-bordered join-item w-[300px]"
+                  class="input input-bordered join-item w-[300px] bg-white"
                   placeholder="Product Code, Name or Other Name"
                   (input)="setSearch($event)"
                   (keydown.enter)="search($event)"