Index: client/src/Dashboard/components/Profile.jsx
===================================================================
--- client/src/Dashboard/components/Profile.jsx	(revision 84bf8c13c1d3bde842b3ad3cd5ec49c4fb1b2919)
+++ client/src/Dashboard/components/Profile.jsx	(revision d1bee01def874cd951f93a971ff892232d684a11)
@@ -3,4 +3,5 @@
 import pp from "../../assets/images/pp.svg";
 import Navbar from "./Navbar";
+import RankBadge from "@/utils/RankBadge.jsx";
 
 const Profile = () => {
@@ -35,7 +36,7 @@
             <div className="mt-4">
               <p className="text-lg">
-                <span className="font-bold">Rank:</span> {user.rank}
+                <RankBadge rankName={user.rank} size="lg" />
               </p>
-              <p className="text-lg">
+              <p className="text-lg mt-5">
                 <span className="font-bold">Points:</span> {user.points}
               </p>
