diff --git a/site/public/searching.png b/site/public/searching.png
deleted file mode 100644
index 9ab5b972..00000000
Binary files a/site/public/searching.png and /dev/null differ
diff --git a/site/src/asset/searching.webp b/site/src/asset/searching.webp
new file mode 100644
index 00000000..dffed00e
Binary files /dev/null and b/site/src/asset/searching.webp differ
diff --git a/site/src/component/SearchPopup/SearchPopup.tsx b/site/src/component/SearchPopup/SearchPopup.tsx
index 72366bfd..f3a87b9e 100644
--- a/site/src/component/SearchPopup/SearchPopup.tsx
+++ b/site/src/component/SearchPopup/SearchPopup.tsx
@@ -3,6 +3,7 @@ import "./SearchPopup.scss";
 import GradeDist from "../GradeDist/GradeDist";
 import Button from "react-bootstrap/Button";
 import Carousel from "react-multi-carousel";
+import searching from '../../asset/searching.webp'
 
 import { useAppSelector } from "../../store/hooks";
 import { selectCourse, selectProfessor } from "../../store/slices/popupSlice";
@@ -44,7 +45,7 @@ const SearchPopup: FC<SearchPopupProps> = (props) => {
     return (
       <div className="search-popup">
         <div className="search-popup-missing">
-          <img style={{ width: "100%" }} src="/searching.png" alt="searching" />
+          <img style={{ width: "80%" }} src={searching} alt="searching" />
           <p>Click on a {props.searchType} card to view more information!</p>
         </div>
       </div>