diff --git a/components/Instructions/instructions.jsx b/components/Instructions/instructions.jsx
index 0e2b6e3..aa9a578 100644
--- a/components/Instructions/instructions.jsx
+++ b/components/Instructions/instructions.jsx
@@ -12,7 +12,7 @@ import classes from "./instructions.module.css";
  */
 export default function InstructionF({ handleChange, selectedInstructions }) {
   return (
-    <div className={`flex ${classes.instructionsContainer}`}>
+    <div className={`flex ${classes.instructionsContainer }`}>
       <input
         type="number"
         min={0}
diff --git a/components/Instructions/instructions.module.css b/components/Instructions/instructions.module.css
index 81650db..adf8384 100644
--- a/components/Instructions/instructions.module.css
+++ b/components/Instructions/instructions.module.css
@@ -1,14 +1,14 @@
 .instructionsInput {
-  width: 5em;
-  height: 1.5em;
+  width: 4rem;
+  height: 0.001rem;
   display: inline-block;
   padding: 7px;
   outline: none;
   font-size: 1rem;
   color: black;
-  border-radius: 5px;
-  border: 2px solid white;
-  background-color: transparent;
+  border-radius: 3px;
+  border: 1px solid white;
+  background-color: rgb(44, 129, 194);
   
   @media (min-width: 800px) {
       width: 9em;
@@ -21,14 +21,9 @@
 }
 
 .instructionsInput:focus {
-  border: 2px solid darkblue;
+  border: 2px solid rgb(31, 31, 183);
 }
 
-/* .instructionsContainer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-} */
 
 .instructionsInput::placeholder {
   color: white;
diff --git a/components/SearchBar/searchBar.module.css b/components/SearchBar/searchBar.module.css
index 6fd1508..aba72a8 100644
--- a/components/SearchBar/searchBar.module.css
+++ b/components/SearchBar/searchBar.module.css
@@ -18,7 +18,7 @@
 
   @media (max-width: 799px) {
     color: white;
-    border-color: yellow;
+    border-color: white;
   }
 }
 
@@ -39,7 +39,7 @@
 
   @media (max-width:799px) {
     .searchInput::placeholder{
-      color: yellow;
+      color: black;
     }
   }
 
diff --git a/components/searchBar/searchBar.module.css b/components/searchBar/searchBar.module.css
index 6fd1508..aba72a8 100644
--- a/components/searchBar/searchBar.module.css
+++ b/components/searchBar/searchBar.module.css
@@ -18,7 +18,7 @@
 
   @media (max-width: 799px) {
     color: white;
-    border-color: yellow;
+    border-color: white;
   }
 }
 
@@ -39,7 +39,7 @@
 
   @media (max-width:799px) {
     .searchInput::placeholder{
-      color: yellow;
+      color: black;
     }
   }