diff --git a/src/components/user/profile/header.tsx b/src/components/user/profile/header.tsx
index f1f65de..aad2071 100644
--- a/src/components/user/profile/header.tsx
+++ b/src/components/user/profile/header.tsx
@@ -1,5 +1,5 @@
 import { Mail } from "lucide-react";
-import Image from "next/image";
+import Image, { StaticImageData } from "next/image";
 import { FaDiscord, FaGithub } from "react-icons/fa";
 import Projects from "./projects";
 import Link from "next/link";
@@ -10,7 +10,7 @@ interface HeaderProps {
   github: string;
   discord: string;
   status: string;
-  profile: string;
+  profile: StaticImageData;
   projects: string[];
 }
 
@@ -67,7 +67,7 @@ const Header = ({
           <p className="rounded-md bg-starlight-blue px-7 py-1.5 text-sm font-bold text-white">
             {status}
           </p>
-          <div className="mx-4 h-8 border-l-2 border-starlight-lightgray" />
+          <div className="border-starlight-lightgray mx-4 h-8 border-l-2" />
           <Projects projects={projects} />
         </div>
       </div>
diff --git a/src/components/user/profile/profile.tsx b/src/components/user/profile/profile.tsx
index 4048976..bcf1def 100644
--- a/src/components/user/profile/profile.tsx
+++ b/src/components/user/profile/profile.tsx
@@ -1,5 +1,6 @@
 import Header from "./header";
 import Information from "./information";
+import profile from "@/public/mock/placeholderpic.webp";
 
 const Profile = () => {
   return (
@@ -10,7 +11,7 @@ const Profile = () => {
         github="Andrewk1"
         discord="Andrewk1"
         status="Returning"
-        profile="/assets/placeholderpic.webp"
+        profile={profile}
         projects={["ACM", "UCR", "testtestesttest"]}
       />
       <Information />