diff --git a/Client/src/Components/TextFields/Search/SearchTextField.jsx b/Client/src/Components/TextFields/Search/SearchTextField.jsx
index 934a19943..7f7264faa 100644
--- a/Client/src/Components/TextFields/Search/SearchTextField.jsx
+++ b/Client/src/Components/TextFields/Search/SearchTextField.jsx
@@ -1,11 +1,11 @@
 import "./searchTextField.css";
 import React from "react";
-import Search from "../../../assets/Images/Icon-search-gray.png";
+import SearchSvg from "../../../assets/icons/search.svg?react";
 
 const SearchTextField = () => {
   return (
     <div className="search-field-holder">
-      <img className="search-field-icon" src={Search} alt="Search" />
+      <SearchSvg style={{ marginRight: "5px" }} />
       <input className="search-field" type="text" placeholder="Search" />
     </div>
   );
diff --git a/Client/src/Pages/Monitors/index.jsx b/Client/src/Pages/Monitors/index.jsx
index 241ca4b10..a8f30623f 100644
--- a/Client/src/Pages/Monitors/index.jsx
+++ b/Client/src/Pages/Monitors/index.jsx
@@ -67,7 +67,6 @@ const Monitors = () => {
         </div>
         <div className="monitors-v-gaping" />
         <MonitorTable monitors={monitorState.monitors} />
-        <div className="monitors-v-gaping" />
       </div>
     </div>
   );
diff --git a/Client/src/assets/icons/search.svg b/Client/src/assets/icons/search.svg
new file mode 100644
index 000000000..a1bc74224
--- /dev/null
+++ b/Client/src/assets/icons/search.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 13L10.6667 10.6667M12.3333 6.66667C12.3333 9.79628 9.79628 12.3333 6.66667 12.3333C3.53705 12.3333 1 9.79628 1 6.66667C1 3.53705 3.53705 1 6.66667 1C9.79628 1 12.3333 3.53705 12.3333 6.66667Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>