diff --git a/src/components/Error/css/style.css b/src/components/Error/css/style.css
index 9fc69d5..c175916 100644
--- a/src/components/Error/css/style.css
+++ b/src/components/Error/css/style.css
@@ -30,6 +30,7 @@ h3{
 }
 
 .modal {
+  color: white;
   width: 400px;
   max-height: 450px; 
 }
diff --git a/src/components/Search/SearchInput.jsx b/src/components/Search/SearchInput.jsx
index 886644c..03171e1 100644
--- a/src/components/Search/SearchInput.jsx
+++ b/src/components/Search/SearchInput.jsx
@@ -48,17 +48,18 @@ function SearchInput({ search, setSearch, setType }) {
         className="flex items-center border border-primary gap-4 py-2 px-6 rounded-lg w-11/12 md:w-4/6"
       >
         <MdSearch className="text-gray text-2xl" />
-        <input
-          type="text"
-          id="searchbox"
-          value={search}
-          className="w-full text-sm md:text-base focus:outline-none placholder:font-semibold text-dark bg-transparent"
-          placeholder="Search for errors"
-          onChange={(e) => {
-            setSearch(e.target.value);
-            setType("");
-          }}
-        />
+<input
+  type="text"
+  id="searchbox"
+  value={search}
+  className="w-full text-sm md:text-base focus:outline-none placeholder:font-semibold bg-transparent custom-input"
+  placeholder="Search for errors"
+  onChange={(e) => {
+    setSearch(e.target.value);
+    setType("");
+  }}
+/>
+
         <button
           className={`focus:outline-none ${!search ? "hidden" : "block"}`}
           onClick={() => setSearch("")}