diff --git a/src/components/ProfileInfo/arrow-down.svg b/public/images/ProfileInfoarrow-down.svg
similarity index 100%
rename from src/components/ProfileInfo/arrow-down.svg
rename to public/images/ProfileInfoarrow-down.svg
diff --git a/src/components/ProfileInfo/portrait-of-a-smiling-young-man-in-eyewear.svg b/public/images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg
similarity index 100%
rename from src/components/ProfileInfo/portrait-of-a-smiling-young-man-in-eyewear.svg
rename to public/images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg
diff --git a/src/components/ProfileInfo/index.js b/src/components/ProfileInfo/index.js
index 5c17a39..8480593 100644
--- a/src/components/ProfileInfo/index.js
+++ b/src/components/ProfileInfo/index.js
@@ -1,12 +1,16 @@
 import React from "react";
 
-import profilePic from "./portrait-of-a-smiling-young-man-in-eyewear.svg";
-import arrowDown from "./arrow-down.svg";
+import profilePic from "images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg";
+import arrowDown from "images/ProfileInfoarrow-down.svg";
 
 const ProfileInfo = ({ name, role }) => {
   return (
     <div className="flex flex-row items-center">
-      <img src={profilePic} className="rounded-full" alt="profile-pic" />
+      <img
+        src="images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg"
+        className="rounded-full"
+        alt="profile-pic"
+      />
       <div className="mx-4">
         <p className="text-[#0F0543] font-sansbold text-sm">{name}</p>
         <span className="text-[#0F0543] text-xs">{role}</span>
@@ -17,7 +21,11 @@ const ProfileInfo = ({ name, role }) => {
         data-dropdown-toggle="dropdown"
         type="button"
       >
-        <img src={arrowDown} className="cursor-pointer" alt="arrow-down" />
+        <img
+          src="images/ProfileInfoarrow-down.svg"
+          className="cursor-pointer"
+          alt="arrow-down"
+        />
       </button>
       <div
         id="dropdown"