start final style

frontend/public/stylesheets/header.css

 .header {
   display: flex;
   align-items: center;
+  padding: 10px 20px;
   height: 50px;
   background: gray;
   color: white;
+  font-size: 28px;
+  font-weight: 700;
 }
\ No newline at end of file

frontend/public/stylesheets/order.css

@@ -6,7 +6,8 @@
   margin-bottom: 2px;
   background: blue;
   color: white;
-  font-size: 20px;
+  font-size: 24px;
+  font-weight: 700;
 }
 .order-index .oii ~ .oii {
   margin-top: 15px;
@@ -19,6 +20,7 @@
   min-height: 70px;
   background: lightgray;
   border-radius: 5px;
+  font-size: 24px;
 }
 
 .oii-container {
@@ -58,7 +60,8 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 180px;
+  width: 200px;
+  font-size: 20px;
 }
 
 .oii-buttons > div {
@@ -115,7 +118,7 @@
 .order-details {
   display: flex;
   flex-direction: column;
-  /* min-height: 0px; */
+  font-size: 18px;
   max-height: 0px;
   overflow: hidden;
   transition: max-height 1s ease-out;

frontend/src/components/filter/Search.jsx

@@ -10,7 +10,7 @@ const Search = ({ orders, setOrdersToShow, setFiltersOn }) => {
   const [searchBy, setSearchBy] = useState("");
   const [error, setError] = useState("");
 
-  const searchOptions = ["by Warehouse ID", "by Order ID"];
+  const searchOptions = ["Warehouse ID", "Order ID"];
 
   const search = () => {
     if (!searchInput.length) {
@@ -47,9 +47,9 @@ const Search = ({ orders, setOrdersToShow, setFiltersOn }) => {
 
   return (
     <div className="search">
-      <div className="text">Search</div>
+      <div className="text">Search:</div>
       <Select
-        defaultVal={"By:"}
+        defaultVal={"Choose one.."}
         value={searchBy}
         options={searchOptions}
         onChange={(e) => {