diff --git a/backend/src/api/controllers/user.ts b/backend/src/api/controllers/user.ts
index ccf60cf6c..babdc5c5a 100644
--- a/backend/src/api/controllers/user.ts
+++ b/backend/src/api/controllers/user.ts
@@ -708,6 +708,8 @@ export async function getProfile(
     lbOptOut,
   } = user;
 
+  const isPremium = await UserDAL.checkIfUserIsPremium(user.uid, user);
+
   const validTimePbs = _.pick(personalBests?.time, "15", "30", "60", "120");
   const validWordsPbs = _.pick(personalBests?.words, "10", "25", "50", "100");
 
@@ -734,6 +736,7 @@ export async function getProfile(
     streak: streak?.length ?? 0,
     maxStreak: streak?.maxLength ?? 0,
     lbOptOut,
+    isPremium,
   };
 
   if (banned) {
diff --git a/frontend/src/styles/profile.scss b/frontend/src/styles/profile.scss
index 9e33bbb51..eb6bdefb8 100644
--- a/frontend/src/styles/profile.scss
+++ b/frontend/src/styles/profile.scss
@@ -368,6 +368,10 @@
           color: var(--error-color);
         }
       }
+      .badges {
+        display: flex;
+        gap: 0.5rem;
+      }
       .badge {
         width: max-content;
         font-size: 0.7em;
diff --git a/frontend/src/ts/controllers/badge-controller.ts b/frontend/src/ts/controllers/badge-controller.ts
index 7176d16ca..d6fac185f 100644
--- a/frontend/src/ts/controllers/badge-controller.ts
+++ b/frontend/src/ts/controllers/badge-controller.ts
@@ -116,8 +116,8 @@ const badges: Record<number, MonkeyTypes.UserBadge> = {
     name: "Prime Ape",
     description: "Paying for a monthly subscription",
     icon: "fa-dollar-sign",
-    color: "var(--text-color)",
-    background: "var(--sub-color)",
+    color: "var(--bg-color)",
+    background: "var(--main-color)",
   },
 };
 
diff --git a/frontend/src/ts/elements/profile.ts b/frontend/src/ts/elements/profile.ts
index fcb4ec330..6647713a6 100644
--- a/frontend/src/ts/elements/profile.ts
+++ b/frontend/src/ts/elements/profile.ts
@@ -56,9 +56,13 @@ export async function update(
     let mainHtml = "";
     let restHtml = "";
 
+    if (profile.isPremium) {
+      mainHtml = getHTMLById(15);
+    }
+
     for (const badge of profile.inventory.badges) {
       if (badge.selected === true) {
-        mainHtml = getHTMLById(badge.id);
+        mainHtml += getHTMLById(badge.id);
       } else {
         restHtml += getHTMLById(badge.id, true);
       }