diff --git a/.gitignore b/.gitignore
index 1a123e9d39..489090c747 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,7 @@
 /test-results/
 /playwright-report/
 /playwright/.cache/
+/.playwright-mcp/
 /storageState.json
 /playwright/.auth/
 storageState.json
diff --git a/.playwright-mcp/page-2026-03-31T06-27-58-535Z.yml b/.playwright-mcp/page-2026-03-31T06-27-58-535Z.yml
deleted file mode 100644
index 26c1b8c153..0000000000
--- a/.playwright-mcp/page-2026-03-31T06-27-58-535Z.yml
+++ /dev/null
@@ -1,9 +0,0 @@
-- generic [active]:
-  - button "Open Next.js Dev Tools" [ref=e6] [cursor=pointer]:
-    - generic [ref=e9]:
-      - text: Compiling
-      - generic [ref=e10]:
-        - generic [ref=e11]: .
-        - generic [ref=e12]: .
-        - generic [ref=e13]: .
-  - alert [ref=e14]
\ No newline at end of file
diff --git a/.playwright-mcp/page-2026-03-31T06-28-02-990Z.png b/.playwright-mcp/page-2026-03-31T06-28-02-990Z.png
deleted file mode 100644
index 2b62688cb1..0000000000
Binary files a/.playwright-mcp/page-2026-03-31T06-28-02-990Z.png and /dev/null differ
diff --git a/.playwright-mcp/page-2026-03-31T13-04-45-965Z.yml b/.playwright-mcp/page-2026-03-31T13-04-45-965Z.yml
deleted file mode 100644
index 8055a87948..0000000000
--- a/.playwright-mcp/page-2026-03-31T13-04-45-965Z.yml
+++ /dev/null
@@ -1,4 +0,0 @@
-- generic [active]:
-  - button "Open Next.js Dev Tools" [ref=e6] [cursor=pointer]:
-    - img [ref=e7]
-  - alert [ref=e10]
\ No newline at end of file
diff --git a/.playwright-mcp/page-2026-03-31T13-15-19-347Z.yml b/.playwright-mcp/page-2026-03-31T13-15-19-347Z.yml
deleted file mode 100644
index 8055a87948..0000000000
--- a/.playwright-mcp/page-2026-03-31T13-15-19-347Z.yml
+++ /dev/null
@@ -1,4 +0,0 @@
-- generic [active]:
-  - button "Open Next.js Dev Tools" [ref=e6] [cursor=pointer]:
-    - img [ref=e7]
-  - alert [ref=e10]
\ No newline at end of file
diff --git a/components/brain/my-stream/MyStreamWaveLeaderboard.tsx b/components/brain/my-stream/MyStreamWaveLeaderboard.tsx
index a4deeb2e76..ef65beafce 100644
--- a/components/brain/my-stream/MyStreamWaveLeaderboard.tsx
+++ b/components/brain/my-stream/MyStreamWaveLeaderboard.tsx
@@ -296,7 +296,7 @@ const MyStreamWaveLeaderboard: React.FC<MyStreamWaveLeaderboardProps> = ({
       </div>
 
       {/* Content section */}
-      <div className="tw-min-w-0">
+      <div className="tw-min-w-0 tw-pb-[calc(env(safe-area-inset-bottom,0px)+1.5rem)]">
         <AnimatePresence>
           {showToggleableDropInput && (
             <motion.div
diff --git a/components/waves/drops/identity/IdentityProfileSupplement.tsx b/components/waves/drops/identity/IdentityProfileSupplement.tsx
new file mode 100644
index 0000000000..0193ab67c4
--- /dev/null
+++ b/components/waves/drops/identity/IdentityProfileSupplement.tsx
@@ -0,0 +1,91 @@
+import type { ApiProfileRepCategorySummary } from "@/generated/models/ApiProfileRepCategorySummary";
+import { formatNumberWithCommas } from "@/helpers/Helpers";
+
+type IdentityProfileSupplementProfile = {
+  readonly bio?: string | null | undefined;
+  readonly top_rep_categories?:
+    | readonly ApiProfileRepCategorySummary[]
+    | null
+    | undefined;
+};
+
+type IdentityProfileSupplementVariant = "default" | "chat" | "compact";
+
+interface IdentityProfileSupplementProps {
+  readonly profile: IdentityProfileSupplementProfile;
+  readonly variant: IdentityProfileSupplementVariant;
+  readonly maxRepCategories?: number | undefined;
+}
+
+const normalizeBio = (bio: string | null | undefined): string | null => {
+  const trimmedBio = bio?.trim();
+  return trimmedBio && trimmedBio.length > 0 ? trimmedBio : null;
+};
+
+const getRepCategories = (
+  categories: readonly ApiProfileRepCategorySummary[] | null | undefined
+): ApiProfileRepCategorySummary[] =>
+  (categories ?? []).filter((category) => category.category.trim().length > 0);
+
+const formatSignedRep = (rep: number): string => {
+  const formattedValue = formatNumberWithCommas(Math.abs(rep));
+
+  if (rep > 0) {
+    return `+${formattedValue}`;
+  }
+
+  if (rep < 0) {
+    return `-${formattedValue}`;
+  }
+
+  return formattedValue;
+};
+
+export default function IdentityProfileSupplement({
+  profile,
+  variant,
+  maxRepCategories,
+}: IdentityProfileSupplementProps) {
+  const bio = normalizeBio(profile.bio);
+  const repCategories = getRepCategories(profile.top_rep_categories);
+  const visibleRepCategories =
+    maxRepCategories === undefined
+      ? repCategories
+      : repCategories.slice(0, maxRepCategories);
+
+  if (!bio && visibleRepCategories.length === 0) {
+    return null;
+  }
+
+  return (
+    <div>
+      {bio && (
+        <p
+          className={`tw-mb-3 tw-line-clamp-2 tw-whitespace-pre-line tw-break-words tw-leading-relaxed tw-text-iron-300 ${
+            variant === "default"
+              ? "tw-text-sm tw-font-medium tw-leading-6"
+              : "tw-text-[13px] tw-font-medium tw-leading-5"
+          }`}
+        >
+          {bio}
+        </p>
+      )}
+
+      {visibleRepCategories.length > 0 && (
+        <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-1.5">
+          {visibleRepCategories.map((category) => (
+            <span
+              key={`${category.category}-${category.rep}`}
+              className="tw-inline-flex tw-items-center tw-gap-x-1 tw-rounded-lg tw-bg-black/50 tw-px-2 tw-py-1.5 tw-text-[10px] tw-font-medium tw-uppercase tw-leading-4 tw-tracking-widest tw-text-iron-200 tw-shadow-inner"
+            >
+              <span> {category.category}</span>
+              <span className="tw-text-iron-400">
+                {formatSignedRep(category.rep)}
+              </span>
+            </span>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/components/waves/drops/identity/WaveDropIdentity.tsx b/components/waves/drops/identity/WaveDropIdentity.tsx
index 127b4a1b5a..64c0d40428 100644
--- a/components/waves/drops/identity/WaveDropIdentity.tsx
+++ b/components/waves/drops/identity/WaveDropIdentity.tsx
@@ -1,6 +1,7 @@
 import ParticipationIdentityProfileCard, {
   type ParticipationIdentityProfileCardVariant,
 } from "@/components/waves/drops/participation/ParticipationIdentityProfileCard";
+import IdentityProfileSupplement from "@/components/waves/drops/identity/IdentityProfileSupplement";
 import type { ApiDropMetadataResponse } from "@/generated/models/ApiDropMetadataResponse";
 import type { ApiWaveMin } from "@/generated/models/ApiWaveMin";
 import Link from "next/link";
@@ -104,24 +105,34 @@ export function WaveDropIdentity({
     <div className={className}>
       <div
         data-testid={`${testIdPrefix}-compact`}
-        className="tw-flex tw-min-w-0 tw-items-center tw-gap-2 tw-rounded-lg tw-border tw-border-iron-800/50 tw-bg-iron-900/40 tw-px-2.5 tw-py-2"
+        className="tw-flex tw-min-w-0 tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-border-iron-800/50 tw-bg-iron-900/40 tw-px-3 tw-py-2.5"
       >
-        <span className="tw-flex-shrink-0 tw-text-[10px] tw-font-medium tw-uppercase tw-tracking-[0.14em] tw-text-iron-500">
-          Identity
-        </span>
-        {identityProfile ? (
-          <Link
-            href={getIdentityHref(displayLabel)}
-            prefetch={false}
-            onClick={(event) => event.stopPropagation()}
-            className="tw-min-w-0 tw-truncate tw-text-sm tw-font-semibold tw-text-iron-100 tw-no-underline tw-transition tw-duration-300 tw-ease-out desktop-hover:hover:tw-text-iron-300"
-          >
-            {displayLabel}
-          </Link>
-        ) : (
-          <span className="tw-min-w-0 tw-break-all tw-text-sm tw-font-semibold tw-text-iron-100">
-            {displayLabel}
+        <div className="tw-flex tw-min-w-0 tw-items-center tw-gap-2">
+          <span className="tw-flex-shrink-0 tw-text-xs tw-font-medium tw-uppercase tw-tracking-wide tw-text-iron-500">
+            Identity
           </span>
+          {identityProfile ? (
+            <Link
+              href={getIdentityHref(displayLabel)}
+              prefetch={false}
+              onClick={(event) => event.stopPropagation()}
+              className="tw-min-w-0 tw-truncate tw-text-sm tw-font-semibold tw-text-iron-100 tw-no-underline tw-transition tw-duration-300 tw-ease-out desktop-hover:hover:tw-text-iron-300"
+            >
+              {displayLabel}
+            </Link>
+          ) : (
+            <span className="tw-min-w-0 tw-break-all tw-text-sm tw-font-semibold tw-text-iron-100">
+              {displayLabel}
+            </span>
+          )}
+        </div>
+
+        {identityProfile && (
+          <IdentityProfileSupplement
+            profile={identityProfile}
+            variant="compact"
+            maxRepCategories={3}
+          />
         )}
       </div>
     </div>
diff --git a/components/waves/drops/identityDisplay.helpers.ts b/components/waves/drops/identityDisplay.helpers.ts
index 41efa7d801..68be3c7bec 100644
--- a/components/waves/drops/identityDisplay.helpers.ts
+++ b/components/waves/drops/identityDisplay.helpers.ts
@@ -1,5 +1,5 @@
 import type { ApiDropMetadataResponse } from "@/generated/models/ApiDropMetadataResponse";
-import type { ApiProfileMin } from "@/generated/models/ApiProfileMin";
+import type { ApiDropResolvedIdentityProfile } from "@/generated/models/ApiDropResolvedIdentityProfile";
 import type { ApiWaveMin } from "@/generated/models/ApiWaveMin";
 import { ApiWaveParticipationSubmissionStrategyType } from "@/generated/models/ApiWaveParticipationSubmissionStrategyType";
 import {
@@ -33,7 +33,7 @@ export const getDropIdentityProfile = ({
 }: {
   readonly wave: Pick<ApiWaveMin, "submission_type"> | null | undefined;
   readonly metadata: readonly ApiDropMetadataResponse[] | null | undefined;
-}): ApiProfileMin | null => {
+}): ApiDropResolvedIdentityProfile | null => {
   if (!isIdentitySubmissionWave(wave)) {
     return null;
   }
diff --git a/components/waves/drops/participation/EndedParticipationDrop.tsx b/components/waves/drops/participation/EndedParticipationDrop.tsx
index 71eb6b63d1..24f310ebf7 100644
--- a/components/waves/drops/participation/EndedParticipationDrop.tsx
+++ b/components/waves/drops/participation/EndedParticipationDrop.tsx
@@ -5,6 +5,7 @@ import UserCICAndLevel, {
 } from "@/components/user/utils/UserCICAndLevel";
 import type { ApiDrop } from "@/generated/models/ApiDrop";
 import { getTimeAgoShort } from "@/helpers/Helpers";
+import { areSameProfileIdentity } from "@/helpers/ProfileHelpers";
 import { getWaveRoute } from "@/helpers/navigation.helpers";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
 import useIsMobileDevice from "@/hooks/isMobileDevice";
@@ -59,6 +60,12 @@ export default function EndedParticipationDrop({
     wave: drop.wave,
     metadata: drop.metadata,
   });
+  const isSelfNominee = identityProfile
+    ? areSameProfileIdentity({
+        left: drop.author,
+        right: identityProfile,
+      })
+    : false;
 
   const [activePartIndex, setActivePartIndex] = useState(0);
   const [longPressTriggered, setLongPressTriggered] = useState(false);
@@ -200,11 +207,12 @@ export default function EndedParticipationDrop({
         </div>
 
         {identityProfile && (
-          <div className="sm:tw-ml-[3.25rem]">
+          <div className="tw-ml-[3.25rem]">
             <ParticipationIdentityProfileCard
               profile={identityProfile}
               contextId={drop.id}
               variant="chat"
+              showIdentityHeader={!isSelfNominee}
             />
           </div>
         )}
diff --git a/components/waves/drops/participation/OngoingParticipationDrop.tsx b/components/waves/drops/participation/OngoingParticipationDrop.tsx
index 0bfb5a0ed8..bd872e3893 100644
--- a/components/waves/drops/participation/OngoingParticipationDrop.tsx
+++ b/components/waves/drops/participation/OngoingParticipationDrop.tsx
@@ -3,6 +3,7 @@
 import { MobileVotingModal, VotingModal } from "@/components/voting";
 import VotingModalButton from "@/components/voting/VotingModalButton";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
+import { areSameProfileIdentity } from "@/helpers/ProfileHelpers";
 import type { ActiveDropState } from "@/types/dropInteractionTypes";
 import type { ApiDrop } from "@/generated/models/ApiDrop";
 import { useCallback, useState } from "react";
@@ -59,6 +60,12 @@ export default function OngoingParticipationDrop({
     wave: drop.wave,
     metadata: drop.metadata,
   });
+  const isSelfNominee = identityProfile
+    ? areSameProfileIdentity({
+        left: drop.author,
+        right: identityProfile,
+      })
+    : false;
 
   const [activePartIndex, setActivePartIndex] = useState(0);
   const [longPressTriggered, setLongPressTriggered] = useState(false);
@@ -117,11 +124,12 @@ export default function OngoingParticipationDrop({
 
       <div className="tw-flex tw-w-full tw-flex-col">
         {identityProfile && (
-          <div className="tw-px-4 sm:tw-ml-[3.25rem]">
+          <div className="tw-ml-[3.25rem] tw-px-4">
             <ParticipationIdentityProfileCard
               profile={identityProfile}
               contextId={drop.id}
               variant="chat"
+              showIdentityHeader={!isSelfNominee}
             />
           </div>
         )}
diff --git a/components/waves/drops/participation/ParticipationIdentityProfileCard.tsx b/components/waves/drops/participation/ParticipationIdentityProfileCard.tsx
index c55d55bbd5..10038ce1c3 100644
--- a/components/waves/drops/participation/ParticipationIdentityProfileCard.tsx
+++ b/components/waves/drops/participation/ParticipationIdentityProfileCard.tsx
@@ -1,20 +1,35 @@
+"use client";
+
 import DropPfp from "@/components/drops/create/utils/DropPfp";
 import { DropAuthorBadges } from "@/components/waves/drops/DropAuthorBadges";
 import type { ApiProfileMin } from "@/generated/models/ApiProfileMin";
+import type { ApiProfileRepCategorySummary } from "@/generated/models/ApiProfileRepCategorySummary";
 import { formatStatFloor } from "@/helpers/Helpers";
 import { shortenAddress } from "@/helpers/address.helpers";
 import { ProfileBadgeSize } from "@/components/common/profile/ProfileAvatar";
+import { useCompactMode } from "@/contexts/CompactModeContext";
 import Link from "next/link";
 import UserCICAndLevel, {
   UserCICAndLevelSize,
 } from "@/components/user/utils/UserCICAndLevel";
+import IdentityProfileSupplement from "@/components/waves/drops/identity/IdentityProfileSupplement";
 
 export type ParticipationIdentityProfileCardVariant = "default" | "chat";
 
+type ParticipationIdentityProfileCardProfile = ApiProfileMin & {
+  readonly bio?: string | null | undefined;
+  readonly top_rep_categories?:
+    | readonly ApiProfileRepCategorySummary[]
+    | null
+    | undefined;
+};
+
 interface ParticipationIdentityProfileCardProps {
-  readonly profile: ApiProfileMin;
+  readonly profile: ParticipationIdentityProfileCardProfile;
   readonly contextId?: string | number | undefined;
   readonly variant?: ParticipationIdentityProfileCardVariant | undefined;
+  readonly showIdentityHeader?: boolean | undefined;
+  readonly supplementFullWidth?: boolean | undefined;
 }
 
 interface IdentityStatLinkProps {
@@ -25,6 +40,15 @@ interface IdentityStatLinkProps {
   readonly compact?: boolean | undefined;
 }
 
+const IDENTITY_STAT_LINK_CLASS =
+  "tw-inline-flex tw-items-baseline tw-gap-1.5 tw-no-underline tw-transition-colors tw-duration-300 tw-ease-out desktop-hover:hover:tw-text-white";
+const IDENTITY_STAT_VALUE_CLASS =
+  "tw-font-semibold tw-leading-none tw-text-iron-100";
+const IDENTITY_STAT_LABEL_CLASS =
+  "tw-text-xs tw-font-medium tw-leading-none tw-tracking-wide tw-text-iron-500 tw-uppercase";
+const IDENTITY_STAT_RATE_CLASS =
+  "tw-text-xs tw-font-medium tw-leading-none tw-text-emerald-400";
+
 function IdentityStatLink({
   href,
   label,
@@ -32,30 +56,21 @@ function IdentityStatLink({
   rate,
   compact = false,
 }: IdentityStatLinkProps) {
-  const valueClass = compact
-    ? "tw-text-[13px] tw-font-semibold tw-leading-none tw-text-iron-200"
-    : "tw-text-sm tw-font-semibold tw-text-iron-200";
-  const labelClass = compact
-    ? "tw-text-[13px] tw-font-medium tw-leading-none tw-tracking-wide tw-text-iron-500 tw-uppercase"
-    : "tw-text-sm tw-font-medium tw-tracking-wide tw-text-iron-500 tw-uppercase";
-  const rateClass = compact
-    ? "tw-text-[13px] tw-font-semibold tw-leading-none tw-text-emerald-500"
-    : "tw-text-xs tw-font-semibold tw-leading-4 tw-text-emerald-500";
+  const valueClass = `${compact ? "tw-text-xs" : "tw-text-sm"} ${IDENTITY_STAT_VALUE_CLASS}`;
 
   return (
     <Link
       href={href}
       prefetch={false}
       onClick={(event) => event.stopPropagation()}
-      className="tw-no-underline tw-transition tw-duration-300 tw-ease-out desktop-hover:hover:tw-underline"
+      className={IDENTITY_STAT_LINK_CLASS}
     >
-      <span className={valueClass}>{formatStatFloor(value)}</span>{" "}
-      <span className={labelClass}>{label}</span>
+      <span className={valueClass}>{formatStatFloor(value)}</span>
+      <span className={IDENTITY_STAT_LABEL_CLASS}>{label}</span>
       {typeof rate === "number" && rate > 0 && (
-        <>
-          {" "}
-          <span className={rateClass}>+{formatStatFloor(rate)}</span>
-        </>
+        <span className={IDENTITY_STAT_RATE_CLASS}>
+          +{formatStatFloor(rate)}
+        </span>
       )}
     </Link>
   );
@@ -65,8 +80,13 @@ export default function ParticipationIdentityProfileCard({
   profile,
   contextId,
   variant = "default",
+  showIdentityHeader = true,
+  supplementFullWidth: _supplementFullWidth = false,
 }: ParticipationIdentityProfileCardProps) {
+  const compact = useCompactMode();
   const isChat = variant === "chat";
+  const avatarSize =
+    isChat && compact ? ProfileBadgeSize.COMPACT : ProfileBadgeSize.MEDIUM;
   const profileLabel = profile.handle ?? profile.primary_address;
   const routeIdentity = encodeURIComponent(profileLabel.toLowerCase());
   const rootHref = `/${routeIdentity}`;
@@ -76,105 +96,140 @@ export default function ParticipationIdentityProfileCard({
   const displayAddress = shouldShowAddress
     ? shortenAddress(profile.primary_address)
     : null;
-  const containerClassName = isChat
-    ? "tw-mt-4 tw-relative tw-overflow-hidden tw-rounded-xl tw-border tw-border-solid tw-border-iron-800/80 tw-bg-iron-900/60 tw-px-3 tw-py-2.5"
-    : "tw-mt-3 tw-relative tw-overflow-hidden tw-rounded-xl tw-border tw-border-solid tw-border-iron-800/80 tw-bg-iron-900/60 tw-p-4";
-  const headerRowClassName = isChat
-    ? "tw-flex tw-min-w-0 tw-items-center tw-gap-2.5"
-    : "tw-flex tw-min-w-0 tw-items-start tw-gap-3";
-  const metaColumnClassName = isChat
-    ? "tw-flex tw-min-w-0 tw-flex-col tw-justify-center tw-gap-y-0.5"
-    : "tw-flex tw-min-w-0 tw-flex-col tw-gap-y-1";
-  const nameClassName = "tw-text-sm tw-font-semibold tw-leading-none";
-  const levelSize = isChat
-    ? UserCICAndLevelSize.COMPACT
-    : UserCICAndLevelSize.SMALL;
-  const badgeContainerClassName = isChat
-    ? "tw-inline-flex tw-items-center tw-gap-x-1"
-    : undefined;
-  const statsClassName = isChat
-    ? "tw-mt-3 tw-flex tw-flex-wrap tw-items-center tw-gap-x-4 tw-gap-y-1.5 tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-white/5 tw-pt-1.5"
-    : "tw-mt-4 tw-flex tw-flex-wrap tw-items-center tw-gap-x-4 tw-gap-y-1.5 tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-white/5 tw-pt-2";
+  const hasSupplementContent =
+    !!profile.bio?.trim() ||
+    (profile.top_rep_categories ?? []).some(
+      (category) => category.category.trim().length > 0
+    );
+  const shouldShowStatsDivider = showIdentityHeader || hasSupplementContent;
+  const showBelowHeaderSupplement = hasSupplementContent;
+  const belowHeaderSupplementClassName = (() => {
+    if (!showIdentityHeader) {
+      return undefined;
+    }
+
+    return isChat ? "tw-mt-3" : "tw-mt-4";
+  })();
 
   return (
-    <div className={containerClassName}>
-      <div className="tw-flex tw-items-start tw-justify-between tw-gap-3">
-        <div className={headerRowClassName}>
-          <Link
-            href={rootHref}
-            prefetch={false}
-            onClick={(event) => event.stopPropagation()}
-            className="tw-flex-shrink-0 tw-no-underline"
-            aria-label={`View ${profileLabel}'s profile`}
-          >
-            <DropPfp
-              pfpUrl={profile.pfp}
-              profileSize={
-                isChat ? ProfileBadgeSize.COMPACT : ProfileBadgeSize.MEDIUM
-              }
-            />
-          </Link>
+    <div className="tw-mt-3 tw-w-full tw-@container">
+      <div className="tw-group tw-relative tw-flex tw-w-full tw-cursor-pointer tw-flex-col tw-overflow-hidden tw-rounded-lg tw-border tw-border-solid tw-border-white/5 tw-bg-[#18181b] tw-p-3 tw-shadow-2xl tw-shadow-black/40 tw-transition-all tw-duration-300 @sm:tw-p-5">
+        {/* Subtle top glare for premium feel */}
+        <div className="tw-group-hover:tw-opacity-100 tw-absolute tw-left-0 tw-right-0 tw-top-0 tw-h-px tw-bg-gradient-to-r tw-from-transparent tw-via-white/[0.15] tw-to-transparent tw-opacity-0 tw-transition-opacity tw-duration-500" />
+        <div className="tw-pointer-events-none tw-absolute tw-inset-0 tw-bg-gradient-to-b tw-from-white/[0.03] tw-to-transparent" />
 
-          <div className={metaColumnClassName}>
-            <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
+        {showIdentityHeader && (
+          <div className="tw-relative tw-z-10 tw-flex tw-items-start tw-justify-between tw-gap-3">
+            <div
+              className={`tw-flex tw-min-w-0 ${
+                isChat ? "tw-items-center tw-gap-3" : "tw-items-start tw-gap-4"
+              }`}
+            >
               <Link
                 href={rootHref}
                 prefetch={false}
                 onClick={(event) => event.stopPropagation()}
-                className="tw-mb-0 tw-text-iron-200 tw-no-underline tw-transition tw-duration-300 tw-ease-out desktop-hover:hover:tw-text-opacity-80 desktop-hover:hover:tw-underline"
+                className="tw-block tw-flex-shrink-0 tw-self-start tw-no-underline"
+                aria-label={`View ${profileLabel}'s profile`}
               >
-                <span className={nameClassName}>{profileLabel}</span>
+                <DropPfp pfpUrl={profile.pfp} profileSize={avatarSize} />
               </Link>
 
-              <UserCICAndLevel level={profile.level} size={levelSize} />
+              <div
+                className={`tw-flex tw-min-w-0 tw-flex-col ${
+                  isChat ? "tw-justify-center tw-gap-y-1" : "tw-gap-y-1.5"
+                }`}
+              >
+                <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
+                  <Link
+                    href={rootHref}
+                    prefetch={false}
+                    onClick={(event) => event.stopPropagation()}
+                    className="tw-mb-0 tw-text-iron-200 tw-no-underline tw-transition tw-duration-300 tw-ease-out desktop-hover:hover:tw-text-opacity-80 desktop-hover:hover:tw-underline"
+                  >
+                    <span className="tw-text-sm tw-font-semibold tw-leading-none">
+                      {profileLabel}
+                    </span>
+                  </Link>
+
+                  <UserCICAndLevel
+                    level={profile.level}
+                    size={
+                      isChat
+                        ? UserCICAndLevelSize.COMPACT
+                        : UserCICAndLevelSize.SMALL
+                    }
+                  />
+
+                  <DropAuthorBadges
+                    profile={profile}
+                    tooltipIdPrefix={`identity-profile-card-${contextId ?? profile.id}`}
+                    className={
+                      isChat
+                        ? "tw-inline-flex tw-items-center tw-gap-x-1"
+                        : undefined
+                    }
+                    size={isChat ? "compact" : "default"}
+                  />
+                </div>
 
-              <DropAuthorBadges
-                profile={profile}
-                tooltipIdPrefix={`identity-profile-card-${contextId ?? profile.id}`}
-                className={badgeContainerClassName}
-                size={isChat ? "compact" : "default"}
-              />
+                {displayAddress && (
+                  <p
+                    title={profile.primary_address}
+                    className="tw-mb-0 tw-font-mono tw-text-xs tw-tracking-tight tw-text-iron-500"
+                  >
+                    {displayAddress}
+                  </p>
+                )}
+              </div>
             </div>
+          </div>
+        )}
 
-            {displayAddress && (
-              <p
-                title={profile.primary_address}
-                className="tw-mb-0 tw-text-xs tw-text-white/40"
-              >
-                {displayAddress}
-              </p>
-            )}
+        {showBelowHeaderSupplement && (
+          <div className={belowHeaderSupplementClassName}>
+            <IdentityProfileSupplement
+              profile={profile}
+              variant={isChat ? "chat" : "default"}
+              maxRepCategories={2}
+            />
           </div>
-        </div>
-      </div>
+        )}
 
-      <div className={statsClassName}>
-        <IdentityStatLink
-          href={`${rootHref}/collected`}
-          label="TDH"
-          value={profile.tdh}
-          rate={profile.tdh_rate}
-          compact={isChat}
-        />
-        <IdentityStatLink
-          href={`${rootHref}/xtdh`}
-          label="xTDH"
-          value={profile.xtdh}
-          rate={profile.xtdh_rate}
-          compact={isChat}
-        />
-        <IdentityStatLink
-          href={rootHref}
-          label="NIC"
-          value={profile.cic}
-          compact={isChat}
-        />
-        <IdentityStatLink
-          href={rootHref}
-          label="Rep"
-          value={profile.rep}
-          compact={isChat}
-        />
+        <div
+          className={`tw-flex tw-flex-wrap tw-items-center tw-gap-x-5 tw-gap-y-2 ${
+            shouldShowStatsDivider
+              ? "tw-mt-4 tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-white/5 tw-pt-3.5"
+              : ""
+          }`}
+        >
+          <IdentityStatLink
+            href={`${rootHref}/collected`}
+            label="TDH"
+            value={profile.tdh}
+            rate={profile.tdh_rate}
+            compact={isChat}
+          />
+          <IdentityStatLink
+            href={`${rootHref}/xtdh`}
+            label="xTDH"
+            value={profile.xtdh}
+            rate={profile.xtdh_rate}
+            compact={isChat}
+          />
+          <IdentityStatLink
+            href={rootHref}
+            label="NIC"
+            value={profile.cic}
+            compact={isChat}
+          />
+          <IdentityStatLink
+            href={rootHref}
+            label="Rep"
+            value={profile.rep}
+            compact={isChat}
+          />
+        </div>
       </div>
     </div>
   );
diff --git a/components/waves/drops/participation/participationIdentityProfile.helpers.ts b/components/waves/drops/participation/participationIdentityProfile.helpers.ts
index 12b482f4f6..2ccb799f43 100644
--- a/components/waves/drops/participation/participationIdentityProfile.helpers.ts
+++ b/components/waves/drops/participation/participationIdentityProfile.helpers.ts
@@ -3,7 +3,7 @@ import {
   getDropVisibleMetadata,
 } from "@/components/waves/drops/identityDisplay.helpers";
 import type { ApiDropMetadataResponse } from "@/generated/models/ApiDropMetadataResponse";
-import type { ApiProfileMin } from "@/generated/models/ApiProfileMin";
+import type { ApiDropResolvedIdentityProfile } from "@/generated/models/ApiDropResolvedIdentityProfile";
 import type { ApiWaveMin } from "@/generated/models/ApiWaveMin";
 
 export const getParticipationIdentityProfile = ({
@@ -12,7 +12,7 @@ export const getParticipationIdentityProfile = ({
 }: {
   readonly wave: Pick<ApiWaveMin, "submission_type"> | null | undefined;
   readonly metadata: readonly ApiDropMetadataResponse[] | null | undefined;
-}): ApiProfileMin | null => {
+}): ApiDropResolvedIdentityProfile | null => {
   return getDropIdentityProfile({ wave, metadata });
 };
 
diff --git a/components/waves/leaderboard/content/WaveLeaderboardDropContent.tsx b/components/waves/leaderboard/content/WaveLeaderboardDropContent.tsx
index 86d2674123..41326442f4 100644
--- a/components/waves/leaderboard/content/WaveLeaderboardDropContent.tsx
+++ b/components/waves/leaderboard/content/WaveLeaderboardDropContent.tsx
@@ -6,7 +6,11 @@ import WaveDropContent from "@/components/waves/drops/WaveDropContent";
 import WaveDropMetadata from "@/components/waves/drops/WaveDropMetadata";
 import { useRouter } from "next/navigation";
 import WaveDropReactions from "@/components/waves/drops/WaveDropReactions";
-import { getDropVisibleMetadata } from "@/components/waves/drops/identityDisplay.helpers";
+import {
+  getDropIdentityProfile,
+  getDropVisibleMetadata,
+} from "@/components/waves/drops/identityDisplay.helpers";
+import { areSameProfileIdentity } from "@/helpers/ProfileHelpers";
 import { getWaveRoute } from "@/helpers/navigation.helpers";
 import { WaveLeaderboardIdentity } from "../identity/WaveLeaderboardIdentity";
 
@@ -24,6 +28,16 @@ export const WaveLeaderboardDropContent: React.FC<
     wave: drop.wave,
     metadata: drop.metadata,
   });
+  const identityProfile = getDropIdentityProfile({
+    wave: drop.wave,
+    metadata: drop.metadata,
+  });
+  const isSelfNominee = identityProfile
+    ? areSameProfileIdentity({
+        left: drop.author,
+        right: identityProfile,
+      })
+    : false;
 
   const onDropContentClick = (clickedDrop: ExtendedDrop) => {
     const href = getWaveRoute({
@@ -52,6 +66,7 @@ export const WaveLeaderboardDropContent: React.FC<
         variant="responsive"
         cardVariant="chat"
         className="tw-mt-2 lg:tw-mt-0"
+        showIdentityHeader={!isSelfNominee}
       />
       {!!visibleMetadata.length && (
         <WaveDropMetadata metadata={visibleMetadata} />
diff --git a/components/waves/leaderboard/drops/header/WaveleaderboardDropRaters.tsx b/components/waves/leaderboard/drops/header/WaveleaderboardDropRaters.tsx
index 169a1544c1..56a6526a9f 100644
--- a/components/waves/leaderboard/drops/header/WaveleaderboardDropRaters.tsx
+++ b/components/waves/leaderboard/drops/header/WaveleaderboardDropRaters.tsx
@@ -6,6 +6,7 @@ import Link from "next/link";
 import Image from "next/image";
 import { getScaledImageUri, ImageScale } from "@/helpers/image.helpers";
 import DropVoteProgressing from "@/components/drops/view/utils/DropVoteProgressing";
+import { TOOLTIP_STYLES } from "@/helpers/tooltip.helpers";
 import {
   WAVE_VOTING_LABELS,
   WAVE_VOTE_STATS_LABELS,
@@ -81,18 +82,15 @@ export const WaveLeaderboardDropRaters: React.FC<
                 </div>
                 <Tooltip
                   id={tooltipId}
+                  place="top"
+                  offset={8}
+                  opacity={1}
+                  positionStrategy="fixed"
                   delayShow={0}
-                  style={{
-                    backgroundColor: "#1F2937",
-                    color: "white",
-                    padding: "4px 8px",
-                    zIndex: 1000,
-                  }}
+                  style={TOOLTIP_STYLES}
                 >
-                  <span className="tw-text-sm tw-font-medium">
-                    {voterLabel} • {formatNumberWithCommas(voter.rating)}{" "}
-                    {votingLabel}
-                  </span>
+                  {voterLabel} • {formatNumberWithCommas(voter.rating)}{" "}
+                  {votingLabel}
                 </Tooltip>
               </React.Fragment>
             );
diff --git a/components/waves/leaderboard/grid/WaveLeaderboardGridItem.tsx b/components/waves/leaderboard/grid/WaveLeaderboardGridItem.tsx
index 88d2023818..bccd0d60b5 100644
--- a/components/waves/leaderboard/grid/WaveLeaderboardGridItem.tsx
+++ b/components/waves/leaderboard/grid/WaveLeaderboardGridItem.tsx
@@ -41,56 +41,81 @@ interface WaveLeaderboardGridItemProps {
   readonly onDropClick: (drop: ExtendedDrop) => void;
 }
 
-export const WaveLeaderboardGridItem: React.FC<
-  WaveLeaderboardGridItemProps
-> = ({ drop, mode, onDropClick }) => {
-  const isCompactMode = mode === "compact";
-  const isContentOnlyMode = mode === "content_only";
-  const activePart = drop.parts[0];
-  const author = drop.author;
-  const authorHandle = author.handle ?? null;
-  const primaryMedia = activePart?.media[0];
-  const isCuratable = drop.context_profile_context?.curatable ?? false;
-  const isCurated = drop.context_profile_context?.curated ?? false;
-  const canOpenDrop = drop.drop_type !== ApiDropType.Chat;
+const getVoteStyle = (userVote: number): string =>
+  userVote <= 0 ? "tw-text-iron-400" : "tw-text-iron-300";
+
+const canOpenGridItemFromClick = ({
+  isMenuOpen,
+  target,
+}: {
+  readonly isMenuOpen: boolean;
+  readonly target: HTMLElement;
+}): boolean => {
+  if (isMenuOpen) {
+    return false;
+  }
 
-  const cardClassName =
-    "tw-cursor-pointer tw-overflow-hidden tw-rounded-xl tw-border tw-border-solid tw-border-iron-800 tw-bg-iron-950 tw-p-0 tw-transition desktop-hover:hover:tw-border-iron-700";
-  const viewportClassName = isCompactMode
+  return !target.closest("a, button");
+};
+
+const isGridItemOpenKey = (key: string): boolean =>
+  key === "Enter" || key === " ";
+
+const getGridViewportClassName = (isCompactMode: boolean): string =>
+  isCompactMode
     ? "tw-relative tw-overflow-hidden tw-bg-iron-950"
-    : "tw-relative tw-overflow-hidden tw-max-h-[20rem] tw-bg-iron-950";
-  const contentSpacingClass = isCompactMode ? "tw-space-y-3" : "tw-space-y-1";
-  const mediaWrapperClass = isCompactMode
+    : "tw-relative tw-max-h-[20rem] tw-overflow-hidden tw-bg-iron-950";
+
+const getGridContentSpacingClassName = (isCompactMode: boolean): string =>
+  isCompactMode ? "tw-space-y-3" : "tw-space-y-1";
+
+const getGridMediaWrapperClassName = (isCompactMode: boolean): string =>
+  isCompactMode
     ? "tw-overflow-hidden tw-rounded-lg tw-bg-iron-900"
     : "tw-overflow-hidden tw-bg-iron-950";
-  const isMobileScreen = useIsMobileScreen();
-  const { hasTouchScreen } = useDeviceInfo();
-  const { toggleCuration, isPending: isCurating } = useDropCurationMutation();
-  const { isActive, setIsActive, touchHandlers } = useLongPressInteraction({
-    hasTouchScreen,
-    preventDefault: false,
-  });
-  const [isVotingModalOpen, setIsVotingModalOpen] = useState(false);
-  const { canShowVote } = useDropInteractionRules(drop);
-  const [viewportEl, setViewportEl] = useState<HTMLDivElement | null>(null);
-  const [innerEl, setInnerEl] = useState<HTMLDivElement | null>(null);
-  const hasContentOnlyActions = canOpenDrop || isCuratable || canShowVote;
-  const showDesktopContentOnlyActions =
-    isContentOnlyMode && !hasTouchScreen && hasContentOnlyActions;
-  const showMobileContentOnlyActions =
-    isContentOnlyMode && hasTouchScreen && hasContentOnlyActions;
 
-  const previewImageUrl = useMemo(
-    () => getDropPreviewImageUrl(drop.metadata),
-    [drop.metadata]
-  );
+const getGridTextWrapperClassName = ({
+  hasMedia,
+  isCompactMode,
+}: {
+  readonly hasMedia: boolean;
+  readonly isCompactMode: boolean;
+}): string =>
+  `tw-px-3 ${hasMedia ? "tw-pt-2" : "tw-pt-3"} ${
+    isCompactMode ? "tw-pb-4" : "tw-pb-3"
+  }`;
 
-  const mediaUrl = primaryMedia?.url ?? previewImageUrl ?? null;
-  const mediaMimeType = primaryMedia?.mime_type ?? "image/jpeg";
-  const contentTextWrapperClass = mediaUrl
-    ? "tw-px-3 tw-pb-3 tw-pt-2"
-    : "tw-p-3";
+const getCompactTextViewportClassName = (
+  isCompactMode: boolean
+): string | undefined =>
+  isCompactMode
+    ? "tw-relative tw-max-h-56 tw-overflow-hidden [&_p]:tw-whitespace-normal"
+    : undefined;
 
+function GridItemRankBadge({ drop }: { readonly drop: ExtendedDrop }) {
+  if (drop.rank === null) {
+    return (
+      <div className="tw-flex tw-h-6 tw-min-w-6 tw-items-center tw-justify-center tw-rounded-xl tw-bg-iron-800 tw-px-2 tw-text-xs tw-font-semibold tw-text-iron-400">
+        -
+      </div>
+    );
+  }
+
+  return (
+    <WinnerDropBadge
+      rank={drop.rank}
+      decisionTime={drop.winning_context?.decision_time ?? null}
+    />
+  );
+}
+
+function useOverflowGradient({
+  viewportEl,
+  innerEl,
+}: {
+  readonly viewportEl: HTMLElement | null;
+  readonly innerEl: HTMLElement | null;
+}): boolean {
   const getOverflowSnapshot = useCallback(() => {
     if (!viewportEl || !innerEl) {
       return false;
@@ -125,20 +150,66 @@ export const WaveLeaderboardGridItem: React.FC<
     [innerEl, viewportEl]
   );
 
-  const showGradient = useSyncExternalStore(
+  return useSyncExternalStore(
     subscribeToOverflow,
     getOverflowSnapshot,
     () => false
   );
+}
+
+export const WaveLeaderboardGridItem: React.FC<
+  WaveLeaderboardGridItemProps
+> = ({ drop, mode, onDropClick }) => {
+  const isCompactMode = mode === "compact";
+  const isContentOnlyMode = mode === "content_only";
+  const activePart = drop.parts[0];
+  const author = drop.author;
+  const authorHandle = author.handle ?? null;
+  const primaryMedia = activePart?.media[0];
+  const isCuratable = drop.context_profile_context?.curatable ?? false;
+  const isCurated = drop.context_profile_context?.curated ?? false;
+  const canOpenDrop = drop.drop_type !== ApiDropType.Chat;
+  const isMobileScreen = useIsMobileScreen();
+  const { hasTouchScreen } = useDeviceInfo();
+  const { toggleCuration, isPending: isCurating } = useDropCurationMutation();
+  const { isActive, setIsActive, touchHandlers } = useLongPressInteraction({
+    hasTouchScreen,
+    preventDefault: false,
+  });
+  const [isVotingModalOpen, setIsVotingModalOpen] = useState(false);
+  const { canShowVote } = useDropInteractionRules(drop);
+  const [viewportEl, setViewportEl] = useState<HTMLDivElement | null>(null);
+  const [innerEl, setInnerEl] = useState<HTMLDivElement | null>(null);
+  const [compactTextViewportEl, setCompactTextViewportEl] =
+    useState<HTMLDivElement | null>(null);
+  const [compactTextInnerEl, setCompactTextInnerEl] =
+    useState<HTMLDivElement | null>(null);
+  const hasContentOnlyActions = canOpenDrop || isCuratable || canShowVote;
+  const showDesktopContentOnlyActions =
+    isContentOnlyMode && !hasTouchScreen && hasContentOnlyActions;
+  const showMobileContentOnlyActions =
+    isContentOnlyMode && hasTouchScreen && hasContentOnlyActions;
+
+  const previewImageUrl = useMemo(
+    () => getDropPreviewImageUrl(drop.metadata),
+    [drop.metadata]
+  );
+
+  const mediaUrl = primaryMedia?.url ?? previewImageUrl ?? null;
+  const mediaMimeType = primaryMedia?.mime_type ?? "image/jpeg";
+  const showGradient = useOverflowGradient({
+    viewportEl,
+    innerEl,
+  });
+  const showCompactTextGradient = useOverflowGradient({
+    viewportEl: compactTextViewportEl,
+    innerEl: compactTextInnerEl,
+  });
 
   const hasUserVoted = drop.context_profile_context?.rating !== undefined;
   const userVote = drop.context_profile_context?.rating ?? 0;
   const isNegativeVote = userVote < 0;
-  const isZeroVote = userVote === 0;
-  let voteStyle = "tw-text-iron-300";
-  if (isZeroVote || isNegativeVote) {
-    voteStyle = "tw-text-iron-400";
-  }
+  const voteStyle = getVoteStyle(userVote);
   const votingCreditType = drop.wave.voting_credit_type;
   const votingCreditLabels = WAVE_VOTING_LABELS as Partial<
     Record<typeof votingCreditType, string>
@@ -187,21 +258,35 @@ export const WaveLeaderboardGridItem: React.FC<
   };
 
   const onCardClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
-    if (showMobileContentOnlyActions && isActive) {
-      return;
-    }
     const target = event.target as HTMLElement;
-    if (target.closest("a, button")) {
+    if (
+      !canOpenGridItemFromClick({
+        isMenuOpen: showMobileContentOnlyActions && isActive,
+        target,
+      })
+    ) {
       return;
     }
     openDrop();
   };
 
   const onCardKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event) => {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      openDrop();
+    if (!isGridItemOpenKey(event.key)) {
+      return;
     }
+
+    const target = event.target as HTMLElement;
+    if (
+      !canOpenGridItemFromClick({
+        isMenuOpen: showMobileContentOnlyActions && isActive,
+        target,
+      })
+    ) {
+      return;
+    }
+
+    event.preventDefault();
+    openDrop();
   };
 
   return (
@@ -211,13 +296,19 @@ export const WaveLeaderboardGridItem: React.FC<
       data-testid={`wave-leaderboard-grid-item-${drop.id}`}
       onClick={onCardClick}
       onKeyDown={onCardKeyDown}
-      className={`${cardClassName} tw-group`}
+      className="tw-group tw-cursor-pointer tw-overflow-hidden tw-rounded-xl tw-border tw-border-solid tw-border-iron-800 tw-bg-iron-950 tw-p-0 tw-transition desktop-hover:hover:tw-border-iron-700"
       {...(showMobileContentOnlyActions ? touchHandlers : {})}
     >
-      <div ref={setViewportEl} className={viewportClassName}>
-        <div ref={setInnerEl} className={contentSpacingClass}>
+      <div
+        ref={setViewportEl}
+        className={getGridViewportClassName(isCompactMode)}
+      >
+        <div
+          ref={setInnerEl}
+          className={getGridContentSpacingClassName(isCompactMode)}
+        >
           {mediaUrl && (
-            <div className={mediaWrapperClass}>
+            <div className={getGridMediaWrapperClassName(isCompactMode)}>
               <MediaDisplay
                 media_mime_type={mediaMimeType}
                 media_url={mediaUrl}
@@ -228,18 +319,33 @@ export const WaveLeaderboardGridItem: React.FC<
             </div>
           )}
           {activePart && (
-            <div className={contentTextWrapperClass}>
-              <LinkPreviewProvider variant="home">
-                <WaveDropPartContentMarkdown
-                  mentionedUsers={drop.mentioned_users}
-                  mentionedWaves={drop.mentioned_waves}
-                  referencedNfts={drop.referenced_nfts}
-                  part={activePart}
-                  wave={drop.wave}
-                  drop={drop}
-                  onQuoteClick={() => {}}
-                />
-              </LinkPreviewProvider>
+            <div
+              className={getGridTextWrapperClassName({
+                hasMedia: mediaUrl !== null,
+                isCompactMode,
+              })}
+            >
+              <div
+                ref={isCompactMode ? setCompactTextViewportEl : undefined}
+                className={getCompactTextViewportClassName(isCompactMode)}
+              >
+                <div ref={isCompactMode ? setCompactTextInnerEl : undefined}>
+                  <LinkPreviewProvider variant="home">
+                    <WaveDropPartContentMarkdown
+                      mentionedUsers={drop.mentioned_users}
+                      mentionedWaves={drop.mentioned_waves}
+                      referencedNfts={drop.referenced_nfts}
+                      part={activePart}
+                      wave={drop.wave}
+                      drop={drop}
+                      onQuoteClick={() => {}}
+                    />
+                  </LinkPreviewProvider>
+                </div>
+                {isCompactMode && showCompactTextGradient && (
+                  <div className="tw-pointer-events-none tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-14 tw-bg-gradient-to-t tw-from-iron-950 tw-via-iron-950/70 tw-to-transparent" />
+                )}
+              </div>
             </div>
           )}
         </div>
@@ -282,14 +388,16 @@ export const WaveLeaderboardGridItem: React.FC<
         <WaveLeaderboardIdentity
           drop={drop}
           variant="responsive"
+          cardVariant="chat"
           className="tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-iron-800/50 tw-bg-iron-950/50 tw-p-3"
+          supplementFullWidth
         />
       )}
 
       {isCompactMode && (
         <div
           data-testid={`wave-leaderboard-grid-item-footer-${drop.id}`}
-          className="tw-rounded-b-lg tw-bg-iron-950/50 tw-px-3 tw-pb-3 tw-pt-2"
+          className="tw-rounded-b-lg tw-bg-iron-950/50 tw-px-3 tw-pb-3 tw-pt-3"
         >
           <div className="tw-mb-1.5">
             {drop.title && (
@@ -311,22 +419,14 @@ export const WaveLeaderboardGridItem: React.FC<
                   </UserProfileTooltipWrapper>
                 )}
               </div>
-              {drop.rank !== null ? (
-                <WinnerDropBadge
-                  rank={drop.rank}
-                  decisionTime={drop.winning_context?.decision_time ?? null}
-                />
-              ) : (
-                <div className="tw-flex tw-h-6 tw-min-w-6 tw-items-center tw-justify-center tw-rounded-xl tw-bg-iron-800 tw-px-2 tw-text-xs tw-font-semibold tw-text-iron-400">
-                  -
-                </div>
-              )}
+              <GridItemRankBadge drop={drop} />
             </div>
           </div>
           <WaveLeaderboardIdentity
             drop={drop}
             variant="condensed"
             className="tw-mb-3"
+            supplementFullWidth
           />
           <div className="tw-mb-3 tw-flex tw-items-center tw-justify-between tw-text-xs">
             <WaveLeaderboardGalleryItemVotes drop={drop} variant="subtle" />
diff --git a/components/waves/leaderboard/identity/WaveLeaderboardIdentity.tsx b/components/waves/leaderboard/identity/WaveLeaderboardIdentity.tsx
index 7e21de4f4e..538f42ea5f 100644
--- a/components/waves/leaderboard/identity/WaveLeaderboardIdentity.tsx
+++ b/components/waves/leaderboard/identity/WaveLeaderboardIdentity.tsx
@@ -5,13 +5,14 @@ import UserCICAndLevel, {
   UserCICAndLevelSize,
 } from "@/components/user/utils/UserCICAndLevel";
 import { DropAuthorBadges } from "@/components/waves/drops/DropAuthorBadges";
+import IdentityProfileSupplement from "@/components/waves/drops/identity/IdentityProfileSupplement";
 import {
   getDropIdentityFallbackValue,
   getDropIdentityProfile,
 } from "@/components/waves/drops/identityDisplay.helpers";
 import ParticipationIdentityProfileCard from "@/components/waves/drops/participation/ParticipationIdentityProfileCard";
 import type { ParticipationIdentityProfileCardVariant } from "@/components/waves/drops/participation/ParticipationIdentityProfileCard";
-import type { ApiProfileMin } from "@/generated/models/ApiProfileMin";
+import type { ApiDropResolvedIdentityProfile } from "@/generated/models/ApiDropResolvedIdentityProfile";
 import { shortenAddress } from "@/helpers/address.helpers";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
 import Link from "next/link";
@@ -23,18 +24,24 @@ interface WaveLeaderboardIdentityProps {
   readonly variant: WaveLeaderboardIdentityVariant;
   readonly cardVariant?: ParticipationIdentityProfileCardVariant | undefined;
   readonly className?: string | undefined;
+  readonly showIdentityHeader?: boolean | undefined;
+  readonly supplementFullWidth?: boolean | undefined;
 }
 
 interface WaveLeaderboardIdentitySummaryProps {
-  readonly profile: ApiProfileMin | null;
+  readonly profile: ApiDropResolvedIdentityProfile | null;
   readonly fallbackValue: string | null;
   readonly contextId?: string | number | undefined;
+  readonly showIdentityHeader?: boolean | undefined;
+  readonly supplementFullWidth?: boolean | undefined;
 }
 
 function WaveLeaderboardIdentitySummary({
   profile,
   fallbackValue,
   contextId,
+  showIdentityHeader = true,
+  supplementFullWidth: _supplementFullWidth = false,
 }: WaveLeaderboardIdentitySummaryProps) {
   const displayLabel =
     profile?.handle ?? profile?.primary_address ?? fallbackValue;
@@ -54,83 +61,105 @@ function WaveLeaderboardIdentitySummary({
   const displayAddress = shouldShowAddress
     ? shortenAddress(primaryAddress)
     : null;
+  const hasSupplementContent =
+    !!profile?.bio?.trim() ||
+    (profile?.top_rep_categories ?? []).some(
+      (category) => category.category.trim().length > 0
+    );
+  const showBelowHeaderSupplement = !!profile && hasSupplementContent;
   const avatarFallback = (
     <span className="tw-text-[11px] tw-font-semibold tw-uppercase tw-text-iron-100">
       {displayLabel.slice(0, 1)}
     </span>
   );
 
+  if (profile && !showIdentityHeader && !hasSupplementContent) {
+    return null;
+  }
+
   return (
     <div
       data-testid="wave-leaderboard-identity-summary"
-      className="tw-rounded-lg tw-border tw-border-iron-800/60 tw-bg-iron-900/40 tw-p-3"
+      className="tw-rounded-lg tw-border tw-border-solid tw-border-white/5 tw-bg-iron-900 tw-p-3"
     >
-      <div className="tw-flex tw-items-start tw-gap-3">
-        {rootHref ? (
-          <Link
-            href={rootHref}
-            prefetch={false}
-            onClick={(event) => event.stopPropagation()}
-            className="tw-flex-shrink-0 tw-no-underline"
-            aria-label={`View ${displayLabel}'s profile`}
-          >
+      {showIdentityHeader && (
+        <div className="tw-flex tw-items-start tw-gap-3">
+          {rootHref ? (
+            <Link
+              href={rootHref}
+              prefetch={false}
+              onClick={(event) => event.stopPropagation()}
+              className="tw-block tw-flex-shrink-0 tw-self-start tw-no-underline"
+              aria-label={`View ${displayLabel}'s profile`}
+            >
+              <ProfileAvatar
+                pfpUrl={profile?.pfp ?? null}
+                size={ProfileBadgeSize.SMALL}
+                alt={`${displayLabel} avatar`}
+                fallbackContent={avatarFallback}
+              />
+            </Link>
+          ) : (
             <ProfileAvatar
-              pfpUrl={profile?.pfp ?? null}
+              pfpUrl={null}
               size={ProfileBadgeSize.SMALL}
               alt={`${displayLabel} avatar`}
               fallbackContent={avatarFallback}
             />
-          </Link>
-        ) : (
-          <ProfileAvatar
-            pfpUrl={null}
-            size={ProfileBadgeSize.SMALL}
-            alt={`${displayLabel} avatar`}
-            fallbackContent={avatarFallback}
-          />
-        )}
-
-        <div className="tw-min-w-0 tw-flex-1">
-          <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
-            {rootHref ? (
-              <Link
-                href={rootHref}
-                prefetch={false}
-                onClick={(event) => event.stopPropagation()}
-                className="tw-max-w-full tw-text-sm tw-font-semibold tw-leading-none tw-text-iron-50 tw-no-underline desktop-hover:hover:tw-text-iron-300"
-              >
-                <span className="tw-block tw-truncate">{displayLabel}</span>
-              </Link>
-            ) : (
-              <span className="tw-break-all tw-text-sm tw-font-semibold tw-leading-none tw-text-iron-50">
-                {displayLabel}
-              </span>
-            )}
+          )}
 
-            {profile && (
-              <>
-                <UserCICAndLevel
-                  level={profile.level}
-                  size={UserCICAndLevelSize.SMALL}
-                />
-                <DropAuthorBadges
-                  profile={profile}
-                  tooltipIdPrefix={`leaderboard-identity-${contextId ?? profile.id}`}
-                />
-              </>
+          <div className="tw-min-w-0 tw-flex-1">
+            <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-2 tw-gap-y-1">
+              {rootHref ? (
+                <Link
+                  href={rootHref}
+                  prefetch={false}
+                  onClick={(event) => event.stopPropagation()}
+                  className="tw-max-w-full tw-text-sm tw-font-semibold tw-leading-none tw-text-iron-50 tw-no-underline desktop-hover:hover:tw-text-iron-300"
+                >
+                  <span className="tw-block tw-truncate">{displayLabel}</span>
+                </Link>
+              ) : (
+                <span className="tw-break-all tw-text-sm tw-font-semibold tw-leading-none tw-text-iron-50">
+                  {displayLabel}
+                </span>
+              )}
+
+              {profile && (
+                <>
+                  <UserCICAndLevel
+                    level={profile.level}
+                    size={UserCICAndLevelSize.SMALL}
+                  />
+                  <DropAuthorBadges
+                    profile={profile}
+                    tooltipIdPrefix={`leaderboard-identity-${contextId ?? profile.id}`}
+                  />
+                </>
+              )}
+            </div>
+
+            {displayAddress && (
+              <p
+                title={primaryAddress}
+                className="tw-mb-0 tw-mt-1 tw-font-mono tw-text-xs tw-tracking-[0.01em] tw-text-iron-400"
+              >
+                {displayAddress}
+              </p>
             )}
           </div>
+        </div>
+      )}
 
-          {displayAddress && (
-            <p
-              title={primaryAddress}
-              className="tw-mb-0 tw-mt-1 tw-font-mono tw-text-xs tw-tracking-[0.01em] tw-text-iron-400"
-            >
-              {displayAddress}
-            </p>
-          )}
+      {showBelowHeaderSupplement && (
+        <div className={showIdentityHeader ? "tw-mt-2" : undefined}>
+          <IdentityProfileSupplement
+            profile={profile}
+            variant="compact"
+            maxRepCategories={2}
+          />
         </div>
-      </div>
+      )}
     </div>
   );
 }
@@ -140,6 +169,8 @@ export function WaveLeaderboardIdentity({
   variant,
   cardVariant,
   className,
+  showIdentityHeader = true,
+  supplementFullWidth = false,
 }: WaveLeaderboardIdentityProps) {
   const identityProfile = getDropIdentityProfile({
     wave: drop.wave,
@@ -167,6 +198,8 @@ export function WaveLeaderboardIdentity({
             profile={identityProfile}
             contextId={drop.id}
             variant={cardVariant}
+            showIdentityHeader={showIdentityHeader}
+            supplementFullWidth={supplementFullWidth}
           />
         </div>
         <div className="lg:tw-hidden">
@@ -174,6 +207,8 @@ export function WaveLeaderboardIdentity({
             profile={identityProfile}
             fallbackValue={null}
             contextId={drop.id}
+            showIdentityHeader={showIdentityHeader}
+            supplementFullWidth={supplementFullWidth}
           />
         </div>
       </div>
@@ -186,6 +221,8 @@ export function WaveLeaderboardIdentity({
         profile={identityProfile}
         fallbackValue={fallbackValue}
         contextId={drop.id}
+        showIdentityHeader={showIdentityHeader}
+        supplementFullWidth={supplementFullWidth}
       />
     </div>
   );
diff --git a/components/waves/small-leaderboard/WaveSmallLeaderboardItemOutcomes.tsx b/components/waves/small-leaderboard/WaveSmallLeaderboardItemOutcomes.tsx
index d88ef6eb81..0dca79cad5 100644
--- a/components/waves/small-leaderboard/WaveSmallLeaderboardItemOutcomes.tsx
+++ b/components/waves/small-leaderboard/WaveSmallLeaderboardItemOutcomes.tsx
@@ -2,11 +2,9 @@
 
 import React, { useState } from "react";
 import { Tooltip } from "react-tooltip";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faAddressCard, faStar } from "@fortawesome/free-regular-svg-icons";
-import { faAward } from "@fortawesome/free-solid-svg-icons";
 import type { ApiDrop } from "@/generated/models/ApiDrop";
 import { useWaveRankReward } from "@/hooks/waves/useWaveRankReward";
+import { TOOLTIP_STYLES } from "@/helpers/tooltip.helpers";
 
 interface WaveSmallLeaderboardItemOutcomesProps {
   readonly drop: ApiDrop;
@@ -57,15 +55,9 @@ export const WaveSmallLeaderboardItemOutcomes: React.FC<
         <div className="tw-space-y-1.5">
           {!!nicTotal && (
             <div className="tw-flex tw-items-center tw-justify-between">
-              <div className="tw-flex tw-items-center tw-gap-2">
-                <FontAwesomeIcon
-                  icon={faAddressCard}
-                  className="tw-size-4 tw-text-blue-300/70"
-                />
-                <span className="tw-text-xs tw-font-medium tw-text-iron-300">
-                  NIC
-                </span>
-              </div>
+              <span className="tw-text-xs tw-font-medium tw-text-iron-300">
+                NIC
+              </span>
               <span className="tw-text-xs tw-font-medium tw-text-blue-200/90">
                 {nicTotal}
               </span>
@@ -73,15 +65,9 @@ export const WaveSmallLeaderboardItemOutcomes: React.FC<
           )}
           {!!repTotal && (
             <div className="tw-flex tw-items-center tw-justify-between">
-              <div className="tw-flex tw-items-center tw-gap-2">
-                <FontAwesomeIcon
-                  icon={faStar}
-                  className="tw-size-4 tw-text-purple-300/70"
-                />
-                <span className="tw-text-xs tw-font-medium tw-text-iron-300">
-                  Rep
-                </span>
-              </div>
+              <span className="tw-text-xs tw-font-medium tw-text-iron-300">
+                Rep
+              </span>
               <span className="tw-text-xs tw-font-medium tw-text-purple-200/90">
                 {repTotal}
               </span>
@@ -92,15 +78,9 @@ export const WaveSmallLeaderboardItemOutcomes: React.FC<
               key={outcome}
               className="tw-flex tw-items-center tw-justify-between"
             >
-              <div className="tw-flex tw-items-center tw-gap-2">
-                <FontAwesomeIcon
-                  icon={faAward}
-                  className="tw-size-4 tw-text-amber-300/70"
-                />
-                <span className="tw-text-xs tw-font-medium tw-text-amber-100/90">
-                  {outcome}
-                </span>
-              </div>
+              <span className="tw-text-xs tw-font-medium tw-text-amber-100/90">
+                {outcome}
+              </span>
             </div>
           ))}
         </div>
@@ -122,16 +102,10 @@ export const WaveSmallLeaderboardItemOutcomes: React.FC<
       <Tooltip
         id={`wave-outcomes-${drop.id}`}
         place="top"
-        style={{
-          padding: "4px 8px",
-          background: "#37373E",
-          color: "white",
-          fontSize: "13px",
-          fontWeight: 500,
-          borderRadius: "6px",
-          boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
-          zIndex: 50,
-        }}
+        offset={8}
+        opacity={1}
+        positionStrategy="fixed"
+        style={TOOLTIP_STYLES}
         clickable={true}
         openEvents={isTouch ? { click: true } : { mouseenter: true }}
         closeEvents={isTouch ? { click: true } : { mouseleave: true }}
diff --git a/components/waves/winners/podium/WavePodiumItem.tsx b/components/waves/winners/podium/WavePodiumItem.tsx
index cf486392b5..669fd4be9d 100644
--- a/components/waves/winners/podium/WavePodiumItem.tsx
+++ b/components/waves/winners/podium/WavePodiumItem.tsx
@@ -1,17 +1,20 @@
 import React from "react";
 import Link from "next/link";
 import Image from "next/image";
+import {
+  getDropIdentityFallbackValue,
+  getDropIdentityProfile,
+} from "@/components/waves/drops/identityDisplay.helpers";
+import { areSameProfileIdentity } from "@/helpers/ProfileHelpers";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
 import { formatNumberWithCommas } from "@/helpers/Helpers";
 import { ImageScale, getScaledImageUri } from "@/helpers/image.helpers";
-import { resolveIpfsUrlSync } from "@/components/ipfs/IPFSContext";
 import { WavePodiumItemContentOutcomes } from "./WavePodiumItemContentOutcomes";
 import type { ApiWaveDecisionWinner } from "@/generated/models/ApiWaveDecisionWinner";
 import { motion } from "framer-motion";
 import { WaveWinnersPodiumPlaceholder } from "./WaveWinnersPodiumPlaceholder";
 import UserProfileTooltipWrapper from "@/components/utils/tooltip/UserProfileTooltipWrapper";
 import { WAVE_VOTING_LABELS } from "@/helpers/waves/waves.constants";
-import { WaveWinnerIdentity } from "../identity/WaveWinnerIdentity";
 
 interface WavePodiumItemProps {
   readonly winner?: ApiWaveDecisionWinner | undefined;
@@ -20,6 +23,19 @@ interface WavePodiumItemProps {
   readonly customAnimationIndex?: number | undefined;
 }
 
+interface PodiumAvatarProps {
+  readonly label: string;
+  readonly pfp: string | null | undefined;
+  readonly alt: string;
+  readonly width: number;
+  readonly height: number;
+  readonly className: string;
+  readonly ringClass: string;
+  readonly ringWidthClass?: string | undefined;
+  readonly shadowClass?: string | undefined;
+  readonly fallbackTextClass?: string | undefined;
+}
+
 // Configuration for position-specific styling with CSS ready classes for Tailwind
 const positionStyles = {
   first: {
@@ -136,6 +152,84 @@ const getHoverTextColorClass = (position: WavePodiumItemProps["position"]) => {
   return colorMap[position];
 };
 
+const getAuthorProfileLabel = (drop: ExtendedDrop): string =>
+  drop.author.handle ?? drop.author.primary_address;
+
+const getAuthorTooltipUser = (drop: ExtendedDrop): string =>
+  drop.author.handle ?? drop.author.primary_address;
+
+const getIdentityHref = (value: string) =>
+  `/${encodeURIComponent(value.toLowerCase())}`;
+
+const getPodiumIdentityDisplay = (drop: ExtendedDrop) => {
+  const identityProfile = getDropIdentityProfile({
+    wave: drop.wave,
+    metadata: drop.metadata,
+  });
+  const fallbackValue = identityProfile
+    ? null
+    : getDropIdentityFallbackValue({
+        wave: drop.wave,
+        metadata: drop.metadata,
+      });
+  const label =
+    identityProfile?.handle ??
+    identityProfile?.primary_address ??
+    fallbackValue;
+
+  if (!label) {
+    return null;
+  }
+
+  return {
+    label,
+    pfp: identityProfile?.pfp ?? null,
+    profileUser:
+      identityProfile?.handle ?? identityProfile?.primary_address ?? null,
+    comparableIdentity:
+      identityProfile ?? {
+        handle: fallbackValue,
+        primary_address: fallbackValue,
+      },
+  };
+};
+
+const PodiumAvatar: React.FC<PodiumAvatarProps> = ({
+  label,
+  pfp,
+  alt,
+  width,
+  height,
+  className,
+  ringClass,
+  ringWidthClass = "tw-ring-2",
+  shadowClass,
+  fallbackTextClass = "tw-text-xs tw-font-semibold tw-text-iron-100",
+}) => {
+  const initial = label.trim().charAt(0).toUpperCase() || "?";
+
+  if (pfp) {
+    return (
+      <Image
+        src={getScaledImageUri(pfp, ImageScale.W_AUTO_H_50)}
+        alt={alt}
+        width={width}
+        height={height}
+        className={`${className} ${ringWidthClass} ${ringClass} tw-object-cover ${shadowClass ?? ""}`}
+      />
+    );
+  }
+
+  return (
+    <div
+      aria-hidden="true"
+      className={`${className} ${ringWidthClass} ${ringClass} ${shadowClass ?? ""} tw-flex tw-items-center tw-justify-center tw-bg-iron-900`}
+    >
+      <span className={fallbackTextClass}>{initial}</span>
+    </div>
+  );
+};
+
 export const WavePodiumItem: React.FC<WavePodiumItemProps> = ({
   winner,
   onDropClick,
@@ -157,6 +251,18 @@ export const WavePodiumItem: React.FC<WavePodiumItemProps> = ({
 
   const drop = winner.drop as ExtendedDrop;
   const animationIndex = customAnimationIndex ?? animationIndexMap[position];
+  const authorProfileLabel = getAuthorProfileLabel(drop);
+  const authorTooltipUser = getAuthorTooltipUser(drop);
+  const authorProfileHref = `/${authorProfileLabel}`;
+  const identityDisplay = getPodiumIdentityDisplay(drop);
+  const primaryLabel = identityDisplay?.label ?? authorProfileLabel;
+  const primaryPfp = identityDisplay ? identityDisplay.pfp : drop.author.pfp;
+  const isSelfNominated = identityDisplay
+    ? areSameProfileIdentity({
+        left: drop.author,
+        right: identityDisplay.comparableIdentity,
+      })
+    : false;
 
   return (
     <motion.div
@@ -174,28 +280,37 @@ export const WavePodiumItem: React.FC<WavePodiumItemProps> = ({
             className={`tw-flex tw-flex-col tw-items-center ${styles.marginBottom} tw-relative tw-z-10`}
           >
             <div className={`tw-absolute tw-inset-0 ${styles.bgGradient}`} />
-            <Link
-              href={`/${drop.author.handle}`}
-              onClick={(e) => e.stopPropagation()}
-              className="tw-transform tw-transition-all tw-duration-300 hover:tw-scale-105"
-            >
-              {drop.author.pfp ? (
-                <Image
-                  src={getScaledImageUri(
-                    resolveIpfsUrlSync(drop.author.pfp),
-                    ImageScale.W_AUTO_H_50
-                  )}
-                  alt=""
+            {identityDisplay ? (
+              <div className="tw-transform tw-transition-transform tw-duration-300 group-hover:desktop-hover:tw-scale-[1.02]">
+                <PodiumAvatar
+                  label={primaryLabel}
+                  pfp={primaryPfp}
+                  alt={`${primaryLabel} avatar`}
                   width={56}
                   height={56}
-                  className={`${styles.pfpSize} tw-rounded-xl tw-ring-2 ${styles.ring} tw-object-cover ${styles.shadow}`}
+                  className={`${styles.pfpSize} tw-rounded-xl`}
+                  ringClass={styles.ring}
+                  shadowClass={styles.shadow}
                 />
-              ) : (
-                <div
-                  className={`${styles.pfpSize} tw-rounded-xl tw-ring-2 ${styles.ring} ${styles.shadow} tw-bg-iron-900`}
+              </div>
+            ) : (
+              <Link
+                href={authorProfileHref}
+                onClick={(e) => e.stopPropagation()}
+                className="tw-transform tw-transition-all tw-duration-300 hover:tw-scale-105"
+              >
+                <PodiumAvatar
+                  label={authorProfileLabel}
+                  pfp={drop.author.pfp}
+                  alt={`${authorProfileLabel} avatar`}
+                  width={56}
+                  height={56}
+                  className={`${styles.pfpSize} tw-rounded-xl`}
+                  ringClass={styles.ring}
+                  shadowClass={styles.shadow}
                 />
-              )}
-            </Link>
+              </Link>
+            )}
 
             <div className="tw-absolute tw-inset-x-0 -tw-bottom-3 tw-flex tw-justify-center">
               <div className="tw-flex tw-items-center tw-gap-1.5 tw-rounded-full tw-border tw-border-iron-700 tw-bg-iron-900/80 tw-px-3 tw-py-1 tw-shadow-lg tw-backdrop-blur-sm">
@@ -239,42 +354,108 @@ export const WavePodiumItem: React.FC<WavePodiumItemProps> = ({
                 <div className="tw-absolute tw-inset-x-0 tw-bottom-0 tw-h-3/4 tw-bg-gradient-to-t tw-from-black/20 tw-via-black/10 tw-to-transparent" />
               </div>
 
-              <UserProfileTooltipWrapper
-                user={drop.author.handle ?? drop.author.id}
-              >
-                <Link
-                  href={`/${drop.author.handle}`}
-                  onClick={(e) => e.stopPropagation()}
-                  className={`tw-relative tw-mb-2 tw-mt-2 tw-text-center tw-no-underline tw-transition-all sm:tw-mt-4 ${hoverTextColorClass} tw-group/link`}
-                >
-                  <span
-                    className={`${styles.autorFontSize} tw-font-semibold tw-text-iron-200 ${hoverTextColorClass} tw-inline-flex tw-items-center tw-transition-colors`}
-                  >
-                    {drop.author.handle}
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      fill="none"
-                      aria-hidden="true"
-                      viewBox="0 0 24 24"
-                      strokeWidth="1.5"
-                      stroke="currentColor"
-                      className={`tw-size-3 tw-opacity-0 tw-transition-opacity ${styles.textColor} tw-absolute tw-left-[100%] tw-ml-2 desktop-hover:group-hover/link:tw-opacity-100`}
+              {identityDisplay ? (
+                <div className="tw-mb-2 tw-mt-2 tw-flex tw-max-w-full tw-flex-col tw-items-center tw-gap-y-1 tw-px-3 sm:tw-mt-3">
+                  {identityDisplay.profileUser ? (
+                    <UserProfileTooltipWrapper
+                      user={identityDisplay.profileUser}
                     >
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
-                      />
-                    </svg>
-                  </span>
-                </Link>
-              </UserProfileTooltipWrapper>
+                      <Link
+                        href={getIdentityHref(identityDisplay.profileUser)}
+                        onClick={(e) => e.stopPropagation()}
+                        className={`tw-relative tw-block tw-max-w-full tw-text-center tw-no-underline tw-transition-all ${hoverTextColorClass} tw-group/link`}
+                      >
+                        <span
+                          title={primaryLabel}
+                          className={`${styles.autorFontSize} tw-block tw-max-w-full tw-truncate tw-font-semibold tw-text-iron-100 ${hoverTextColorClass} tw-transition-colors`}
+                        >
+                          {primaryLabel}
+                        </span>
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          fill="none"
+                          aria-hidden="true"
+                          viewBox="0 0 24 24"
+                          strokeWidth="1.5"
+                          stroke="currentColor"
+                          className={`tw-size-3 tw-opacity-0 tw-transition-opacity ${styles.textColor} tw-absolute tw-left-[100%] tw-top-1/2 tw-ml-2 -tw-translate-y-1/2 desktop-hover:group-hover/link:tw-opacity-100`}
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
+                          />
+                        </svg>
+                      </Link>
+                    </UserProfileTooltipWrapper>
+                  ) : (
+                    <span
+                      title={primaryLabel}
+                      className={`${styles.autorFontSize} tw-block tw-max-w-full tw-truncate tw-text-center tw-font-semibold tw-text-iron-100`}
+                    >
+                      {primaryLabel}
+                    </span>
+                  )}
 
-              <WaveWinnerIdentity
-                drop={drop}
-                variant="compact"
-                className="tw-mb-2 tw-w-full tw-px-3 sm:tw-px-4"
-              />
+                  <div className="tw-flex tw-max-w-full tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-1 tw-gap-y-1 tw-text-[11px] tw-text-iron-500">
+                    {isSelfNominated ? (
+                      <span className="tw-font-normal tw-text-iron-500">
+                        self-nominated
+                      </span>
+                    ) : (
+                      <>
+                        <span className="tw-font-normal tw-text-iron-500">
+                          nominated by
+                        </span>
+
+                        <UserProfileTooltipWrapper user={authorTooltipUser}>
+                          <Link
+                            href={authorProfileHref}
+                            onClick={(e) => e.stopPropagation()}
+                            className="tw-inline-flex tw-max-w-full tw-items-center tw-text-iron-400 tw-no-underline tw-transition-colors desktop-hover:hover:tw-text-iron-200"
+                          >
+                            <span
+                              title={authorProfileLabel}
+                              className="tw-block tw-max-w-[7rem] tw-truncate tw-text-[11px] tw-font-medium tw-text-iron-400 tw-transition-colors desktop-hover:hover:tw-text-iron-200"
+                            >
+                              {authorProfileLabel}
+                            </span>
+                          </Link>
+                        </UserProfileTooltipWrapper>
+                      </>
+                    )}
+                  </div>
+                </div>
+              ) : (
+                <UserProfileTooltipWrapper user={authorTooltipUser}>
+                  <Link
+                    href={authorProfileHref}
+                    onClick={(e) => e.stopPropagation()}
+                    className={`tw-relative tw-mb-2 tw-mt-2 tw-text-center tw-no-underline tw-transition-all sm:tw-mt-4 ${hoverTextColorClass} tw-group/link`}
+                  >
+                    <span
+                      className={`${styles.autorFontSize} tw-font-semibold tw-text-iron-200 ${hoverTextColorClass} tw-inline-flex tw-items-center tw-transition-colors`}
+                    >
+                      {authorProfileLabel}
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        fill="none"
+                        aria-hidden="true"
+                        viewBox="0 0 24 24"
+                        strokeWidth="1.5"
+                        stroke="currentColor"
+                        className={`tw-size-3 tw-opacity-0 tw-transition-opacity ${styles.textColor} tw-absolute tw-left-[100%] tw-ml-2 desktop-hover:group-hover/link:tw-opacity-100`}
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
+                        />
+                      </svg>
+                    </span>
+                  </Link>
+                </UserProfileTooltipWrapper>
+              )}
 
               <div className="tw-relative tw-flex tw-flex-col tw-items-center tw-gap-y-2">
                 <div className="tw-flex tw-items-center tw-gap-x-1">
diff --git a/components/waves/winners/podium/WavePodiumItemContentOutcomes.tsx b/components/waves/winners/podium/WavePodiumItemContentOutcomes.tsx
index 8a6a09f0fa..704736c1ac 100644
--- a/components/waves/winners/podium/WavePodiumItemContentOutcomes.tsx
+++ b/components/waves/winners/podium/WavePodiumItemContentOutcomes.tsx
@@ -1,11 +1,12 @@
 "use client";
 
-import React, { useState, useEffect, useMemo } from "react";
+import React, { useMemo } from "react";
 import { Tooltip } from "react-tooltip";
 import type { ApiWaveDecisionWinner } from "@/generated/models/ApiWaveDecisionWinner";
 import { ApiWaveOutcomeCredit } from "@/generated/models/ApiWaveOutcomeCredit";
 import { ApiWaveOutcomeType } from "@/generated/models/ApiWaveOutcomeType";
 import { formatNumberWithCommas } from "@/helpers/Helpers";
+import { TOOLTIP_STYLES } from "@/helpers/tooltip.helpers";
 
 interface WavePodiumItemContentOutcomesProps {
   readonly winner: ApiWaveDecisionWinner;
@@ -14,245 +15,122 @@ interface WavePodiumItemContentOutcomesProps {
 export const WavePodiumItemContentOutcomes: React.FC<
   WavePodiumItemContentOutcomesProps
 > = ({ winner }) => {
-  const [isTouch, setIsTouch] = useState(false);
-  const [isOpen, setIsOpen] = useState(false);
-
-  useEffect(() => {
-    setIsTouch("ontouchstart" in window);
-  }, []);
-
-  const handleClick = (e: React.MouseEvent) => {
-    if (isTouch) {
-      e.stopPropagation();
-      setIsOpen(!isOpen);
-    }
-  };
-
   // Transform awards into the same format that useDropOutcomes provided
   const { nicOutcomes, repOutcomes, manualOutcomes, haveOutcomes } =
     useMemo(() => {
-      const nicOutcomes = winner.awards
-        .filter(
-          (award) =>
-            award.credit === ApiWaveOutcomeCredit.Cic &&
-            award.amount &&
-            award.amount > 0
-        )
+      const memoizedNicOutcomes = winner.awards
+        .filter((award) => {
+          const amount = award.amount ?? 0;
+          return award.credit === ApiWaveOutcomeCredit.Cic && amount > 0;
+        })
         .map((award) => ({
           type: ApiWaveOutcomeCredit.Cic,
-          value: award.amount || 0,
+          value: award.amount ?? 0,
         }));
 
-      const repOutcomes = winner.awards
-        .filter(
-          (award) =>
-            award.credit === ApiWaveOutcomeCredit.Rep &&
-            award.amount &&
-            award.amount > 0
-        )
+      const memoizedRepOutcomes = winner.awards
+        .filter((award) => {
+          const amount = award.amount ?? 0;
+          return award.credit === ApiWaveOutcomeCredit.Rep && amount > 0;
+        })
         .map((award) => ({
           type: ApiWaveOutcomeCredit.Rep,
           value: award.amount ?? 0,
           category: award.rep_category ?? "",
         }));
 
-      const manualOutcomes = winner.awards
-        .filter(
-          (award) =>
-            award.type === ApiWaveOutcomeType.Manual && award.description
-        )
+      const memoizedManualOutcomes = winner.awards
+        .filter((award) => {
+          const description = award.description;
+          return (
+            award.type === ApiWaveOutcomeType.Manual && description.length > 0
+          );
+        })
         .map((award) => ({
           type: ApiWaveOutcomeType.Manual,
           description: award.description,
         }));
 
-      const haveOutcomes =
-        !!nicOutcomes.length || !!repOutcomes.length || !!manualOutcomes.length;
+      const memoizedHaveOutcomes =
+        memoizedNicOutcomes.length > 0 ||
+        memoizedRepOutcomes.length > 0 ||
+        memoizedManualOutcomes.length > 0;
 
-      return { nicOutcomes, repOutcomes, manualOutcomes, haveOutcomes };
+      return {
+        nicOutcomes: memoizedNicOutcomes,
+        repOutcomes: memoizedRepOutcomes,
+        manualOutcomes: memoizedManualOutcomes,
+        haveOutcomes: memoizedHaveOutcomes,
+      };
     }, [winner.awards]);
 
   if (!haveOutcomes) {
     return null;
   }
 
+  const tooltipId = `outcome-${winner.place}-${winner.drop.id}`;
+
   const tooltipContent = (
-    <div className="tw-space-y-3 tw-rounded-xl tw-border tw-border-iron-800/60 tw-bg-iron-900/95 tw-p-3.5 tw-shadow-[0_8px_32px_rgba(0,0,0,0.35)] tw-backdrop-blur-xl lg:tw-min-w-[220px]">
-      <div className="tw-space-y-2.5">
-        <span className="tw-text-xs tw-font-medium tw-text-iron-400">
-          Outcome Details
-        </span>
-        <div className="tw-space-y-2">
-          {nicOutcomes.map((nicOutcome) => (
-            <div
-              key={`NIC-${nicOutcome.value}`}
-              className="tw-flex tw-items-center tw-justify-between tw-rounded-lg tw-bg-iron-800/40 tw-p-2"
-            >
-              <div className="tw-flex tw-items-center tw-gap-2">
-                <svg
-                  className="tw-size-4 tw-flex-shrink-0 tw-text-[#A4C2DB]"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                  fill="none"
-                >
-                  <path
-                    d="M9 6.75H15M9 12H15M9 17.25H12M3.75 19.5H20.25C21.0784 19.5 21.75 18.8284 21.75 18V6C21.75 5.17157 21.0784 4.5 20.25 4.5H3.75C2.92157 4.5 2.25 5.17157 2.25 6V18C2.25 18.8284 2.92157 19.5 3.75 19.5Z"
-                    stroke="currentColor"
-                    strokeWidth="1.5"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                </svg>
-                <span className="tw-text-sm tw-font-medium tw-text-iron-200">
-                  NIC
-                </span>
-              </div>
-              <span className="tw-text-sm tw-font-semibold tw-text-[#A4C2DB]">
-                {formatNumberWithCommas(nicOutcome.value)}
-              </span>
-            </div>
-          ))}
-          {repOutcomes.map((repOutcome) => (
-            <div
-              key={`REP-${repOutcome.category}-${repOutcome.value}`}
-              className="tw-flex tw-flex-col tw-gap-y-1 tw-rounded-lg tw-bg-iron-800/40 tw-p-2"
-            >
-              <div className="tw-flex tw-items-center tw-justify-between">
-                <div className="tw-flex tw-items-center tw-gap-2">
-                  <svg
-                    className="tw-size-4 tw-flex-shrink-0 tw-text-[#C3B5D9]"
-                    viewBox="0 0 24 24"
-                    aria-hidden="true"
-                    fill="none"
-                  >
-                    <path
-                      d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"
-                      stroke="currentColor"
-                      strokeWidth="1.5"
-                    />
-                  </svg>
-                  <span className="tw-text-sm tw-font-medium tw-text-iron-200">
-                    Rep
-                  </span>
-                </div>
-                <span className="tw-text-sm tw-font-semibold tw-text-[#C3B5D9]">
-                  {formatNumberWithCommas(repOutcome.value)}
-                </span>
-              </div>
-              <span className="tw-text-sm tw-font-semibold tw-text-[#C3B5D9]">
+    <div className="tw-flex tw-min-w-[180px] tw-flex-col tw-gap-y-1.5 tw-py-0.5">
+      {nicOutcomes.map((nicOutcome) => (
+        <div
+          key={`NIC-${nicOutcome.value}`}
+          className="tw-flex tw-items-center tw-gap-x-1.5"
+        >
+          <span className="tw-font-medium tw-text-iron-50">NIC</span>
+          <span className="tw-text-blue-200/90">
+            {formatNumberWithCommas(nicOutcome.value)}
+          </span>
+        </div>
+      ))}
+      {repOutcomes.map((repOutcome) => (
+        <div
+          key={`REP-${repOutcome.category}-${repOutcome.value}`}
+          className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-1.5 tw-gap-y-0.5"
+        >
+          <span className="tw-font-medium tw-text-iron-50">Rep</span>
+          <span className="tw-text-purple-200/90">
+            {formatNumberWithCommas(repOutcome.value)}
+          </span>
+          {repOutcome.category.length > 0 && (
+            <>
+              <span className="tw-size-[2px] tw-flex-shrink-0 tw-rounded-full tw-bg-iron-300/70" />
+              <span className="tw-text-purple-200/90">
                 {repOutcome.category}
               </span>
-            </div>
-          ))}
-          {manualOutcomes.map((outcome) => (
-            <div
-              key={`MANUAL-${outcome.description}`}
-              className="tw-flex tw-items-center tw-justify-between tw-rounded-lg tw-bg-iron-800/40 tw-p-2"
-            >
-              <div className="tw-flex tw-items-center tw-gap-2">
-                <svg
-                  className="tw-size-4 tw-flex-shrink-0 tw-text-[#D4C5AA]"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                  fill="none"
-                >
-                  <path
-                    d="M12 18v-3m0-3v.01M12.75 3.25h-1.5L8.5 7H4.75l.5 3.5L2 13l3.25 2.5-.5 3.5h3.75l2.75 3.75h1.5L15.5 19h3.75l-.5-3.5L22 13l-3.25-2.5.5-3.5H15.5l-2.75-3.75z"
-                    stroke="currentColor"
-                    strokeWidth="1.5"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                </svg>
-                <span className="tw-text-sm tw-font-medium tw-text-iron-200">
-                  {outcome.description}
-                </span>
-              </div>
-            </div>
-          ))}
+            </>
+          )}
         </div>
-      </div>
+      ))}
+      {manualOutcomes.map((outcome) => (
+        <div
+          key={`MANUAL-${outcome.description}`}
+          className="tw-flex tw-items-center tw-gap-x-1.5"
+        >
+          <span className="tw-text-amber-100/90">{outcome.description}</span>
+        </div>
+      ))}
     </div>
   );
 
   return (
     <>
       <button
-        onClick={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          handleClick(e);
-        }}
+        type="button"
         className="tw-flex tw-items-center tw-gap-2 tw-rounded-xl tw-border tw-border-solid tw-border-iron-700/20 tw-bg-iron-800/40 tw-px-3 tw-py-1.5 tw-backdrop-blur-sm tw-transition-all tw-duration-200 hover:tw-border-iron-700/40 hover:tw-bg-iron-800/60 hover:tw-shadow-lg"
-        data-tooltip-id={`outcome-${winner.place}-${winner.drop.id}`}
+        data-tooltip-id={tooltipId}
       >
-        <span className="tw-hidden tw-text-sm tw-font-medium tw-text-iron-300 md:tw-block">
+        <span className="tw-text-sm tw-font-medium tw-text-iron-300">
           Outcome
         </span>
-        <div className="tw-flex tw-items-center tw-gap-1.5">
-          {!!nicOutcomes.length && (
-            <div className="tw-flex tw-size-5 tw-items-center tw-justify-center tw-rounded-full tw-bg-[#A4C2DB]/10">
-              <svg
-                className="tw-size-3.5 tw-text-[#A4C2DB]"
-                viewBox="0 0 24 24"
-                aria-hidden="true"
-                fill="none"
-              >
-                <path
-                  d="M9 6.75H15M9 12H15M9 17.25H12M3.75 19.5H20.25C21.0784 19.5 21.75 18.8284 21.75 18V6C21.75 5.17157 21.0784 4.5 20.25 4.5H3.75C2.92157 4.5 2.25 5.17157 2.25 6V18C2.25 18.8284 2.92157 19.5 3.75 19.5Z"
-                  stroke="currentColor"
-                  strokeWidth="1.5"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                />
-              </svg>
-            </div>
-          )}
-          {!!repOutcomes.length && (
-            <div className="tw-flex tw-size-5 tw-items-center tw-justify-center tw-rounded-full tw-bg-[#C3B5D9]/10">
-              <svg
-                className="tw-size-3.5 tw-text-[#C3B5D9]"
-                viewBox="0 0 24 24"
-                aria-hidden="true"
-                fill="none"
-              >
-                <path
-                  d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"
-                  stroke="currentColor"
-                  strokeWidth="1.5"
-                />
-              </svg>
-            </div>
-          )}
-          {!!manualOutcomes.length && (
-            <div className="tw-flex tw-size-5 tw-items-center tw-justify-center tw-rounded-full tw-bg-[#D4C5AA]/10">
-              <svg
-                className="tw-size-3.5 tw-text-[#D4C5AA]"
-                viewBox="0 0 24 24"
-                aria-hidden="true"
-                fill="none"
-              >
-                <path
-                  d="M12 18v-3m0-3v.01M12.75 3.25h-1.5L8.5 7H4.75l.5 3.5L2 13l3.25 2.5-.5 3.5h3.75l2.75 3.75h1.5L15.5 19h3.75l-.5-3.5L22 13l-3.25-2.5.5-3.5H15.5l-2.75-3.75z"
-                  stroke="currentColor"
-                  strokeWidth="1.5"
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                />
-              </svg>
-            </div>
-          )}
-        </div>
       </button>
       <Tooltip
-        id={`outcome-${winner.place}-${winner.drop.id}`}
-        place="left"
-        delayShow={200}
-        style={{
-          backgroundColor: "#1F2937",
-          color: "white",
-          padding: "4px 8px",
-        }}
+        id={tooltipId}
+        place="top"
+        offset={8}
+        opacity={1}
+        positionStrategy="fixed"
+        style={TOOLTIP_STYLES}
       >
         {tooltipContent}
       </Tooltip>
diff --git a/helpers/ProfileHelpers.ts b/helpers/ProfileHelpers.ts
index 374e6d936e..612808afcb 100644
--- a/helpers/ProfileHelpers.ts
+++ b/helpers/ProfileHelpers.ts
@@ -8,6 +8,12 @@ type ProfileIdentityForOwnership =
   | null
   | undefined;
 
+type ComparableProfileIdentity = {
+  readonly id?: string | null | undefined;
+  readonly handle?: string | null | undefined;
+  readonly primary_address?: string | null | undefined;
+};
+
 type ProfileViewerContext = "self" | "other" | "anonymous";
 
 const normalizeProfileTarget = (
@@ -68,6 +74,38 @@ export const getProfileViewerContext = ({
     : "other";
 };
 
+export const areSameProfileIdentity = ({
+  left,
+  right,
+}: {
+  readonly left: ComparableProfileIdentity | null | undefined;
+  readonly right: ComparableProfileIdentity | null | undefined;
+}): boolean => {
+  if (!left || !right) {
+    return false;
+  }
+
+  const leftId = normalizeProfileTarget(left.id);
+  const rightId = normalizeProfileTarget(right.id);
+  if (leftId && rightId && leftId === rightId) {
+    return true;
+  }
+
+  const leftHandle = normalizeProfileTarget(left.handle);
+  const rightHandle = normalizeProfileTarget(right.handle);
+  if (leftHandle && rightHandle && leftHandle === rightHandle) {
+    return true;
+  }
+
+  const leftPrimaryAddress = normalizeProfileTarget(left.primary_address);
+  const rightPrimaryAddress = normalizeProfileTarget(right.primary_address);
+  return !!(
+    leftPrimaryAddress &&
+    rightPrimaryAddress &&
+    leftPrimaryAddress === rightPrimaryAddress
+  );
+};
+
 export const getProfileConnectedStatus = ({
   profile,
   isProxy,