diff --git a/__tests__/components/memes/drops/MemesLeaderboardDropCard.test.tsx b/__tests__/components/memes/drops/MemesLeaderboardDropCard.test.tsx
index aae71372c0..aa536cce5b 100644
--- a/__tests__/components/memes/drops/MemesLeaderboardDropCard.test.tsx
+++ b/__tests__/components/memes/drops/MemesLeaderboardDropCard.test.tsx
@@ -3,9 +3,9 @@ import React from 'react';
 import MemesLeaderboardDropCard from '@/components/memes/drops/MemesLeaderboardDropCard';
 
 test.each([
-  [1, 'desktop-hover:hover:tw-border-[#fbbf24]/40'],
-  [2, 'desktop-hover:hover:tw-border-[#94a3b8]/40'],
-  [3, 'desktop-hover:hover:tw-border-[#CD7F32]/40'],
+  [1, 'desktop-hover:hover:tw-border-yellow-500/20'],
+  [2, 'desktop-hover:hover:tw-border-iron-400/25'],
+  [3, 'desktop-hover:hover:tw-border-amber-600/20'],
   [4, 'desktop-hover:hover:tw-border-iron-700'],
 ])('applies border class for rank %i', (rank, expected) => {
   const drop = { rank } as any;
diff --git a/__tests__/components/waves/drop/SingleWaveDropTraits.test.tsx b/__tests__/components/waves/drop/SingleWaveDropTraits.test.tsx
index 430c6f6370..e170deb0b0 100644
--- a/__tests__/components/waves/drop/SingleWaveDropTraits.test.tsx
+++ b/__tests__/components/waves/drop/SingleWaveDropTraits.test.tsx
@@ -519,7 +519,7 @@ describe("SingleWaveDropTraits", () => {
       // Find the metadata item container by looking for the specific class pattern
       const { container } = render(<SingleWaveDropTraits drop={drop} />);
       const metadataItems = container.querySelectorAll(
-        ".tw-px-2.tw-py-1.tw-rounded-md.tw-bg-iron-800"
+        String.raw`.tw-px-3.tw-py-1\.5.tw-rounded-md.tw-bg-iron-900`
       );
       expect(metadataItems.length).toBeGreaterThan(0);
 
diff --git a/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx b/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx
index 4a5444044d..2da0426971 100644
--- a/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx
+++ b/__tests__/components/waves/leaderboard/header/WaveleaderboardSort.test.tsx
@@ -21,7 +21,7 @@ describe('WaveleaderboardSort', () => {
     );
 
     const current = screen.getByText('Current Vote');
-    expect(current.className).toContain('tw-bg-iron-800');
+    expect(current.className).toContain('tw-bg-white/10');
 
     await user.click(screen.getByText('Projected Vote'));
     expect(onSortChange).toHaveBeenCalledWith(
diff --git a/components/brain/my-stream/votes/MyStreamWaveMyVote.tsx b/components/brain/my-stream/votes/MyStreamWaveMyVote.tsx
index cd6cd9d196..54936402c8 100644
--- a/components/brain/my-stream/votes/MyStreamWaveMyVote.tsx
+++ b/components/brain/my-stream/votes/MyStreamWaveMyVote.tsx
@@ -7,10 +7,11 @@ import UserCICAndLevel, {
   UserCICAndLevelSize,
 } from "@/components/user/utils/UserCICAndLevel";
 import { SingleWaveDropPosition } from "@/components/waves/drop/SingleWaveDropPosition";
-import { cicToType } from "@/helpers/Helpers";
+import { cicToType, formatNumberWithCommas } from "@/helpers/Helpers";
 import Link from "next/link";
 import UserProfileTooltipWrapper from "@/components/utils/tooltip/UserProfileTooltipWrapper";
 import { ImageScale } from "@/helpers/image.helpers";
+import { Tooltip } from "react-tooltip";
 
 interface MyStreamWaveMyVoteProps {
   readonly drop: ExtendedDrop;
@@ -100,13 +101,11 @@ const MyStreamWaveMyVote: React.FC<MyStreamWaveMyVoteProps> = ({
         </div>
 
         <div className="tw-flex tw-flex-col tw-flex-1 tw-min-w-0">
-          <div className="tw-flex tw-flex-col @md:tw-flex-row @sm:tw-flex-col tw-gap-y-2 tw-gap-x-3">
-            <div>
-              {drop.rank && <SingleWaveDropPosition rank={drop.rank} />}
-            </div>
+          <div className="tw-flex tw-items-center tw-justify-between tw-gap-x-3">
             <h3 className="tw-text-base tw-font-semibold tw-text-iron-50 tw-mb-0">
               {drop.title}
             </h3>
+            {drop.rank && <SingleWaveDropPosition rank={drop.rank} />}
           </div>
           <div className="tw-flex tw-items-center tw-gap-2 tw-mt-4">
             <div className="tw-size-6 tw-relative tw-flex-shrink-0 tw-rounded-md tw-overflow-hidden tw-ring-1 tw-ring-white/10 tw-bg-iron-800">
@@ -144,24 +143,52 @@ const MyStreamWaveMyVote: React.FC<MyStreamWaveMyVoteProps> = ({
               <div onClick={(e) => e.stopPropagation()}>
                 <MyStreamWaveMyVoteVotes drop={drop} />
               </div>
-              <div className="tw-flex tw-items-center tw-gap-1.5">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  aria-hidden="true"
-                  viewBox="0 0 24 24"
-                  strokeWidth="2"
-                  stroke="currentColor"
-                  className="tw-size-4 tw-text-iron-400 tw-flex-shrink-0"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"
-                  />
-                </svg>
-                <span className="tw-text-sm tw-font-medium tw-text-iron-200">
-                  {drop.raters_count}
+              <div className="tw-flex tw-items-center tw-gap-2">
+                <div className="tw-flex tw-items-center -tw-space-x-2">
+                  {drop.top_raters?.slice(0, 3).map((voter) => (
+                    <React.Fragment key={voter.profile.handle}>
+                      <Link
+                        href={`/${voter.profile.handle}`}
+                        onClick={(e) => e.stopPropagation()}
+                        data-tooltip-id={`my-vote-voter-${drop.id}-${voter.profile.handle}`}
+                      >
+                        {voter.profile.pfp ? (
+                          <img
+                            className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
+                            src={voter.profile.pfp}
+                            alt="Recent voter"
+                          />
+                        ) : (
+                          <div className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800" />
+                        )}
+                      </Link>
+                      <Tooltip
+                        id={`my-vote-voter-${drop.id}-${voter.profile.handle}`}
+                        place="top"
+                        offset={8}
+                        opacity={1}
+                        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: 99999,
+                          pointerEvents: "none",
+                        }}
+                      >
+                        {voter.profile.handle} - {formatNumberWithCommas(voter.rating)}
+                      </Tooltip>
+                    </React.Fragment>
+                  ))}
+                </div>
+                <span className="tw-text-white tw-font-bold tw-text-sm">
+                  {formatNumberWithCommas(drop.raters_count)}{" "}
+                  <span className="tw-text-iron-500 tw-font-normal">
+                    {drop.raters_count === 1 ? "voter" : "voters"}
+                  </span>
                 </span>
               </div>
             </div>
diff --git a/components/brain/my-stream/votes/MyStreamWaveMyVoteVotes.tsx b/components/brain/my-stream/votes/MyStreamWaveMyVoteVotes.tsx
index 05a5f74ef6..086133521b 100644
--- a/components/brain/my-stream/votes/MyStreamWaveMyVoteVotes.tsx
+++ b/components/brain/my-stream/votes/MyStreamWaveMyVoteVotes.tsx
@@ -14,7 +14,7 @@ const MyStreamWaveMyVoteVotes: React.FC<MyStreamWaveMyVoteVotesProps> = ({
   return (
     <div className="tw-flex tw-items-center tw-gap-x-1.5">
       <span
-        className={`tw-text-sm tw-font-semibold ${
+        className={`tw-text-sm tw-font-bold tw-font-mono tw-tracking-tight ${
           isPositive ? "tw-text-emerald-500" : "tw-text-rose-500"
         }`}
       >
diff --git a/components/drops/view/utils/DropVoteProgressing.tsx b/components/drops/view/utils/DropVoteProgressing.tsx
index be94aeb86d..80a5edc622 100644
--- a/components/drops/view/utils/DropVoteProgressing.tsx
+++ b/components/drops/view/utils/DropVoteProgressing.tsx
@@ -34,9 +34,9 @@ export default function DropVoteProgressing({
     arrowColor = "tw-text-iron-600";
   } else {
     color = isPositiveProgressing
-      ? "tw-text-emerald-400 tw-bg-emerald-900/40 tw-px-1.5 tw-py-0.5 tw-rounded-md"
-      : "tw-text-rose-400 tw-bg-rose-900/40 tw-px-1.5 tw-py-0.5 tw-rounded-md";
-    arrowColor = isPositiveProgressing ? "tw-text-emerald-400" : "tw-text-rose-400";
+      ? "tw-text-emerald-400 tw-bg-emerald-500/10 tw-px-2 tw-py-0.5 tw-rounded tw-border tw-border-solid tw-border-emerald-500/20 tw-font-mono"
+      : "tw-text-rose-400 tw-bg-rose-500/10 tw-px-2 tw-py-0.5 tw-rounded tw-border tw-border-solid tw-border-rose-500/20 tw-font-mono";
+    arrowColor = "tw-text-iron-600";
   }
 
   return (
@@ -52,7 +52,7 @@ export default function DropVoteProgressing({
           icon={faArrowRight}
           className={`tw-flex-shrink-0 tw-size-2.5 ${arrowColor}`}
         />
-        <span className={`tw-text-xs tw-font-medium ${color}`}>{formatNumberWithCommas(projected)}</span>
+        <span className={`${subtle ? 'tw-text-xs' : 'tw-text-sm'} tw-font-medium tw-tracking-tight ${color}`}>{formatNumberWithCommas(projected)}</span>
       </span>
       <Tooltip
         id={`drop-vote-progress-${current}-${projected}`}
diff --git a/components/memes/drops/MemeDropTrait.tsx b/components/memes/drops/MemeDropTrait.tsx
index 40504233dc..4863b141f8 100644
--- a/components/memes/drops/MemeDropTrait.tsx
+++ b/components/memes/drops/MemeDropTrait.tsx
@@ -7,6 +7,7 @@ import useIsMobileDevice from "@/hooks/isMobileDevice";
 interface MemeDropTraitProps {
   readonly label: string;
   readonly value: string;
+  readonly dropId?: string;
 }
 
 const convertValue = (value: string) => {
@@ -24,33 +25,42 @@ const convertValue = (value: string) => {
   return value;
 };
 
-const MemeDropTrait: React.FC<MemeDropTraitProps> = ({ label, value }) => {
+const MemeDropTrait: React.FC<MemeDropTraitProps> = ({ label, value, dropId }) => {
   const isMobile = useIsMobileDevice();
   const convertedValue = convertValue(value);
+  const tooltipId = dropId ? `meme-drop-trait-${dropId}-${label}` : `meme-drop-trait-${label}`;
 
   if (label === FIELD_TO_LABEL_MAP.pointsLoki) {
     console.log(value, typeof value);
   }
 
   return (
-    <div className="tw-px-2 tw-py-1 tw-rounded-md tw-bg-iron-800 tw-flex tw-flex-col tw-gap-y-1.5">
-      <span className="tw-text-iron-400 tw-text-xs tw-mr-1.5 tw-font-normal">
-        {label}:
+    <div className="tw-bg-iron-900 tw-border tw-border-solid tw-border-white/10 tw-rounded-md tw-px-3 tw-py-1.5 tw-flex tw-flex-col">
+      <span className="tw-block tw-text-[9px] tw-uppercase tw-tracking-wider tw-text-iron-600 tw-font-bold tw-mb-0.5">
+        {label}
       </span>
       <>
-        <span 
-          className="tw-text-iron-50 tw-text-sm tw-font-medium tw-truncate"
-          data-tooltip-id={`meme-drop-trait-${label}`}>
+        <span
+          className="tw-text-xs tw-text-iron-400 tw-truncate"
+          data-tooltip-id={tooltipId}>
           {convertedValue}
         </span>
         {!isMobile && (
           <Tooltip
-            id={`meme-drop-trait-${label}`}
+            id={tooltipId}
             place="top"
+            offset={8}
+            opacity={1}
             style={{
-              backgroundColor: "#1F2937",
-              color: "white",
               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: 99999,
+              pointerEvents: "none",
             }}>
             <span className="tw-text-xs">{convertedValue}</span>
           </Tooltip>
diff --git a/components/memes/drops/MemeDropTraits.tsx b/components/memes/drops/MemeDropTraits.tsx
index 01ce6765d6..0e3d956a7d 100644
--- a/components/memes/drops/MemeDropTraits.tsx
+++ b/components/memes/drops/MemeDropTraits.tsx
@@ -38,7 +38,7 @@ const MemeDropTraits: React.FC<MemeDropTraitsProps> = ({ drop }) => {
   };
 
   return (
-    <div className="lg:tw-flex tw-flex-col tw-gap-2 tw-hidden tw-p-4">
+    <div className="lg:tw-flex tw-flex-col tw-gap-2 tw-hidden">
       <div className="tw-grid tw-grid-cols-2 sm:tw-grid-cols-4 tw-gap-2">
         {traits.slice(0, 2).map((trait) => (
           <MemeDropTrait
@@ -49,6 +49,7 @@ const MemeDropTraits: React.FC<MemeDropTraitsProps> = ({ drop }) => {
               ]
             }
             value={trait.data_value ?? ""}
+            dropId={drop.id}
           />
         ))}
 
@@ -63,18 +64,19 @@ const MemeDropTraits: React.FC<MemeDropTraitsProps> = ({ drop }) => {
                   ]
                 }
                 value={trait.data_value ?? ""}
+                dropId={drop.id}
               />
             ))}
             <button
               onClick={handleShowLess}
-              className="tw-text-xs tw-text-primary-400 desktop-hover:hover:tw-text-primary-300 tw-transition tw-duration-300 tw-ease-out tw-font-semibold tw-bg-transparent tw-border-0 tw-text-left">
+              className="tw-text-primary-400 tw-text-xs tw-text-left tw-font-medium desktop-hover:hover:tw-text-primary-300 tw-transition-colors tw-whitespace-nowrap tw-self-end tw-pb-1.5 tw-bg-transparent tw-border-0">
               Show less
             </button>
           </>
         ) : (
           <button
             onClick={handleShowAll}
-            className="tw-text-xs tw-text-primary-400 desktop-hover:hover:tw-text-primary-300 tw-transition tw-duration-300 tw-ease-out tw-font-semibold tw-bg-transparent tw-border-0 tw-text-left">
+            className="tw-text-primary-400 tw-text-xs tw-text-left tw-font-medium desktop-hover:hover:tw-text-primary-300 tw-transition-colors tw-whitespace-nowrap tw-self-end tw-pb-1.5 tw-bg-transparent tw-border-0">
             Show all
           </button>
         )}
diff --git a/components/memes/drops/MemeParticipationDrop.tsx b/components/memes/drops/MemeParticipationDrop.tsx
index 587234577a..e70166d51f 100644
--- a/components/memes/drops/MemeParticipationDrop.tsx
+++ b/components/memes/drops/MemeParticipationDrop.tsx
@@ -103,7 +103,7 @@ export default function MemeParticipationDrop({
             <>
               <div className="tw-p-4">
                 <MemeDropArtistInfo drop={drop} />
-                <div className="tw-flex tw-flex-col tw-mt-2 sm:tw-mt-1.5 sm:tw-ml-[3.25rem]">
+                <div className="tw-flex tw-flex-col tw-mt-2 sm:tw-mt-1.5 sm:tw-ml-[3.75rem]">
                   <MemeDropHeader title={title} />
                   <MemeDropDescription description={description} />
                 </div>
diff --git a/components/memes/drops/MemeWinnerArtistInfo.tsx b/components/memes/drops/MemeWinnerArtistInfo.tsx
index 901b330ccb..31d34db248 100644
--- a/components/memes/drops/MemeWinnerArtistInfo.tsx
+++ b/components/memes/drops/MemeWinnerArtistInfo.tsx
@@ -23,9 +23,9 @@ export default function MemeWinnerArtistInfo({
   const cicType = cicToType(drop.author?.cic);
 
   return (
-    <div className="tw-flex tw-items-center tw-gap-x-3">
+    <div className="tw-flex tw-items-start tw-gap-x-3">
       <WaveDropAuthorPfp drop={drop} />
-      <div className="tw-flex tw-flex-col tw-gap-y-1.5">
+      <div className="tw-flex tw-flex-col tw-items-start tw-gap-y-2">
         <div className="tw-flex tw-items-center tw-gap-x-2">
           {!!drop.author?.level && (
             <UserCICAndLevel
@@ -34,7 +34,7 @@ export default function MemeWinnerArtistInfo({
               size={UserCICAndLevelSize.SMALL}
             />
           )}
-          <p className="tw-text-md tw-mb-0 tw-leading-none tw-font-semibold tw-hidden sm:tw-block">
+          <p className="tw-text-md tw-mb-0 tw-leading-none tw-font-semibold">
             {drop.author?.handle ? (
               <UserProfileTooltipWrapper user={drop.author.handle ?? drop.author.id}>
                 <Link
@@ -48,22 +48,20 @@ export default function MemeWinnerArtistInfo({
             ) : (
               <Link
                 onClick={(e) => e.stopPropagation()}
-                href={`/${drop.author?.handle}`}
+                href={`/${drop.author?.handle ?? drop.author?.id}`}
                 className="tw-no-underline desktop-hover:hover:tw-underline tw-text-iron-200 desktop-hover:hover:tw-text-opacity-80 tw-transition tw-duration-300 tw-ease-out"
               >
-                {drop.author?.handle}
+                {drop.author?.handle ?? drop.author?.id}
               </Link>
             )}
           </p>
 
-          <div className="tw-size-[3px] tw-bg-iron-600 tw-rounded-full tw-flex-shrink-0 tw-hidden sm:tw-block"></div>
-          <p className="tw-text-md tw-mb-0 tw-whitespace-nowrap tw-font-normal tw-leading-none tw-text-iron-500">
+          <div className="tw-size-[3px] tw-bg-iron-600 tw-rounded-full tw-flex-shrink-0"></div>
+          <p className="tw-text-xs tw-mb-0 tw-whitespace-nowrap tw-font-normal tw-leading-none tw-text-iron-500">
             {getTimeAgoShort(drop.created_at)}
           </p>
-          <div className="tw-ml-2">
-            <WinnerDropBadge rank={1} decisionTime={decisionTime ?? null} />
-          </div>
         </div>
+        <WinnerDropBadge rank={1} decisionTime={decisionTime ?? null} />
 
         {showWaveInfo && drop.wave && (
           <Link
diff --git a/components/memes/drops/MemeWinnerDrop.tsx b/components/memes/drops/MemeWinnerDrop.tsx
index bde654ebb0..57ad47b40d 100644
--- a/components/memes/drops/MemeWinnerDrop.tsx
+++ b/components/memes/drops/MemeWinnerDrop.tsx
@@ -1,8 +1,11 @@
-"use client"
+"use client";
 
 import React, { useCallback } from "react";
 import { ExtendedDrop } from "@/helpers/waves/drop.helpers";
-import { DropInteractionParams, DropLocation } from "@/components/waves/drops/Drop";
+import {
+  DropInteractionParams,
+  DropLocation,
+} from "@/components/waves/drops/Drop";
 import useIsMobileDevice from "@/hooks/isMobileDevice";
 import WaveDropActions from "@/components/waves/drops/WaveDropActions";
 import MemeWinnerHeader from "./MemeWinnerHeader";
@@ -50,10 +53,10 @@ export default function MemeWinnerDrop({
 
   // First place shadow class from DefaultWaveWinnerDrop
   const firstPlaceShadow =
-    "tw-shadow-[inset_1px_0_0_#fbbf24,inset_0_1px_0_rgba(251,191,36,0.2),inset_-1px_0_0_rgba(251,191,36,0.2),inset_0_-1px_0_rgba(251,191,36,0.2)]";
+    "tw-shadow-[inset_1px_0_0_rgba(251,191,36,0.5),inset_0_1px_0_rgba(251,191,36,0.2),inset_-1px_0_0_rgba(251,191,36,0.2),inset_0_-1px_0_rgba(251,191,36,0.2)]";
 
   return (
-    <div className="tw-w-full">
+    <div className="tw-w-full tw-mb-3">
       <div
         className={`tw-w-full ${
           location === DropLocation.WAVE ? "tw-px-4 tw-py-1" : ""
@@ -73,20 +76,19 @@ export default function MemeWinnerDrop({
             onQuote={handleOnQuote}
           >
             <>
-              <div className="tw-p-4">
-                <div className="tw-flex tw-flex-col tw-gap-4">
-                  <MemeWinnerArtistInfo drop={drop} />
-                </div>
-                <div className="tw-flex tw-flex-col tw-mt-2 sm:tw-mt-1.5 sm:tw-ml-[3.25rem]">
+              <div className="tw-p-4 tw-pb-3 tw-border-b tw-border-solid tw-border-x-0 tw-border-t-0 tw-border-white/5 tw-bg-iron-900/30">
+                <MemeWinnerArtistInfo drop={drop} />
+              </div>
+
+              <div className="tw-px-4 tw-pt-4 tw-pb-4">
+                <div className="tw-space-y-1">
                   <MemeWinnerHeader title={title} />
                   <MemeWinnerDescription description={description} />
                 </div>
               </div>
 
               {artworkMedia && (
-                <div className={`tw-flex tw-justify-center tw-mx-[1px] tw-h-96 ${
-                  location === DropLocation.WAVE ? "tw-bg-iron-800/30" : ""
-                }`}>
+                <div className="tw-flex tw-justify-center tw-h-96 tw-mx-0.5 tw-bg-iron-950">
                   <DropListItemContentMedia
                     media_mime_type={artworkMedia.mime_type}
                     media_url={artworkMedia.url}
@@ -94,12 +96,12 @@ export default function MemeWinnerDrop({
                   />
                 </div>
               )}
-            
+
+              <div className="tw-hidden lg:tw-block tw-p-4 tw-mt-4 tw-border-t tw-border-solid tw-border-x-0 tw-border-b-0 tw-border-white/5 tw-bg-iron-900/30">
                 <MemeDropTraits drop={drop} />
-             
+              </div>
             </>
           </DropMobileMenuHandler>
-          {/* Actions for desktop */}
           {!isMobile && showReplyAndQuote && (
             <div className="tw-absolute tw-right-4 tw-top-2">
               <WaveDropActions
diff --git a/components/memes/drops/MemesLeaderboardDrop.tsx b/components/memes/drops/MemesLeaderboardDrop.tsx
index 753827d2f3..697edf2764 100644
--- a/components/memes/drops/MemesLeaderboardDrop.tsx
+++ b/components/memes/drops/MemesLeaderboardDrop.tsx
@@ -22,6 +22,8 @@ import useLongPressInteraction from "@/hooks/useLongPressInteraction";
 import CommonDropdownItemsMobileWrapper from "@/components/utils/select/dropdown/CommonDropdownItemsMobileWrapper";
 import WaveDropMobileMenuDelete from "@/components/waves/drops/WaveDropMobileMenuDelete";
 import WaveDropMobileMenuOpen from "@/components/waves/drops/WaveDropMobileMenuOpen";
+import Link from "next/link";
+import { formatNumberWithCommas } from "@/helpers/Helpers";
 
 interface MemesLeaderboardDropProps {
   readonly drop: ExtendedDrop;
@@ -68,39 +70,38 @@ export const MemesLeaderboardDrop: React.FC<MemesLeaderboardDropProps> = ({
         <div {...touchHandlers}>
           <MemesLeaderboardDropCard drop={drop}>
             <div>
-              <div className="tw-p-4">
-                <div className="tw-flex tw-flex-col tw-gap-y-1">
-                  <div className="tw-flex tw-items-center tw-justify-between">
-                    <MemesLeaderboardDropArtistInfo drop={drop} />
-                    <div className="tw-flex tw-items-center">
-                      {!hasTouchScreen && (
-                        <>
-                          <div className="tw-h-8">
-                            <WaveDropActionsOpen drop={drop} />
-                          </div>
-                          <div className="tw-h-8">
-                            {canDelete && (
-                              <WaveDropActionsOptions drop={drop} />
-                            )}
-                          </div>
-                        </>
-                      )}
-                    </div>
-                  </div>
-                  <div className="tw-mt-1 sm:tw-mt-0 sm:tw-ml-[3.25rem]">
-                    <MemesLeaderboardDropHeader title={title} />
-                    <MemesLeaderboardDropDescription
-                      description={description}
-                    />
+              {/* Artist info section with border */}
+              <div className="tw-p-4 tw-pb-3 tw-border-b tw-border-solid tw-border-x-0 tw-border-t-0 tw-border-white/5 tw-bg-iron-900/30">
+                <div className="tw-flex tw-items-start tw-justify-between tw-gap-4">
+                  <MemesLeaderboardDropArtistInfo drop={drop} />
+                  <div className="tw-flex tw-gap-2 tw-text-iron-400">
+                    {!hasTouchScreen && (
+                      <>
+                        <WaveDropActionsOpen drop={drop} />
+                        {canDelete && (
+                          <WaveDropActionsOptions drop={drop} />
+                        )}
+                      </>
+                    )}
                   </div>
                 </div>
               </div>
 
+              {/* Title and Description */}
+              <div className="tw-px-4 tw-pt-4 tw-pb-4">
+                <div className="tw-space-y-1">
+                  <MemesLeaderboardDropHeader title={title} />
+                  <MemesLeaderboardDropDescription
+                    description={description}
+                  />
+                </div>
+              </div>
+
               {artworkMedia && (
                 <div
                   className={`tw-flex tw-justify-center tw-h-96 ${
                     location === DropLocation.WAVE
-                      ? "tw-bg-iron-800/30"
+                      ? "tw-bg-iron-950"
                       : "tw-bg-iron-900/40"
                   }`}>
                   <DropListItemContentMedia
@@ -110,9 +111,12 @@ export const MemesLeaderboardDrop: React.FC<MemesLeaderboardDropProps> = ({
                   />
                 </div>
               )}
-              <MemeDropTraits drop={drop} />
-              <div className="tw-mt-4 lg:tw-mt-0 tw-flex tw-flex-col tw-gap-y-2 @[700px]:tw-flex-row tw-justify-between @[700px]:tw-pb-4 @[700px]:tw-px-4 @[700px]:tw-items-center">
-                <div className="tw-px-6 @[700px]:tw-px-0">
+
+              {/* Footer Section: Traits + Vote Summary + Vote Button */}
+              <div className="tw-p-4 tw-mt-4 tw-border-t tw-border-solid tw-border-x-0 tw-border-b-0 tw-border-white/5 tw-bg-iron-900/30 tw-space-y-4">
+                <MemeDropTraits drop={drop} />
+
+                <div className="tw-flex tw-flex-col @[700px]:tw-flex-row @[700px]:tw-items-center tw-justify-between tw-gap-4">
                   <MemesLeaderboardDropVoteSummary
                     current={drop.rating}
                     projected={drop.rating_prediction}
@@ -121,15 +125,43 @@ export const MemesLeaderboardDrop: React.FC<MemesLeaderboardDropProps> = ({
                     topVoters={firstThreeVoters}
                     userContext={drop.context_profile_context}
                   />
-                </div>
 
-                <div
-                  className="tw-pt-4 tw-pb-4 tw-px-6 tw-flex tw-justify-center @[700px]:tw-pt-0 @[700px]:tw-pb-0 @[700px]:tw-px-0 tw-w-full @[700px]:tw-w-auto tw-border-t tw-border-solid tw-border-iron-800 @[700px]:tw-border-none tw-border-x-0 tw-border-b-0"
-                  onClick={(e) => e.stopPropagation()}>
-                  <VotingModalButton
-                    drop={drop}
-                    onClick={() => setIsVotingModalOpen(true)}
-                  />
+                  <div
+                    className="tw-flex tw-w-full @[700px]:tw-w-auto tw-items-center tw-justify-between @[700px]:tw-justify-end tw-gap-4 tw-flex-shrink-0"
+                    onClick={(e) => e.stopPropagation()}>
+                    {/* Voters - only on small containers */}
+                    <div className="tw-flex @[700px]:tw-hidden tw-items-center tw-gap-2">
+                      <div className="tw-flex tw-items-center -tw-space-x-2">
+                        {firstThreeVoters.map((voter) => (
+                          <Link
+                            key={voter.profile.handle}
+                            href={`/${voter.profile.handle}`}
+                            onClick={(e) => e.stopPropagation()}
+                          >
+                            {voter.profile.pfp ? (
+                              <img
+                                className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
+                                src={voter.profile.pfp}
+                                alt="Recent voter"
+                              />
+                            ) : (
+                              <div className="tw-w-6 tw-h-6 tw-rounded-lg tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800" />
+                            )}
+                          </Link>
+                        ))}
+                      </div>
+                      <span className="tw-text-white tw-font-bold tw-text-xs">
+                        {formatNumberWithCommas(drop.raters_count)}{" "}
+                        <span className="tw-text-iron-500 tw-font-normal">
+                          {drop.raters_count === 1 ? "voter" : "voters"}
+                        </span>
+                      </span>
+                    </div>
+                    <VotingModalButton
+                      drop={drop}
+                      onClick={() => setIsVotingModalOpen(true)}
+                    />
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/components/memes/drops/MemesLeaderboardDropArtistInfo.tsx b/components/memes/drops/MemesLeaderboardDropArtistInfo.tsx
index 8ec039c27a..3ad0355103 100644
--- a/components/memes/drops/MemesLeaderboardDropArtistInfo.tsx
+++ b/components/memes/drops/MemesLeaderboardDropArtistInfo.tsx
@@ -35,10 +35,11 @@ const MemesLeaderboardDropArtistInfo: React.FC<
   };
 
   return (
-    <div className="tw-flex tw-items-center tw-gap-x-3">
+    <div className="tw-flex tw-gap-x-3">
       <WaveDropAuthorPfp drop={drop} />
-      <div className="tw-flex tw-items-center tw-gap-x-3">
-        <div className="tw-flex tw-items-center tw-gap-x-2">
+      <div className="tw-flex tw-flex-col tw-justify-between tw-h-12">
+        {/* Top row: Handle + Artist badge + Timestamp */}
+        <div className="tw-flex tw-items-center tw-gap-x-2 tw-flex-wrap -tw-mt-0.5">
           {drop.author?.level && (
             <UserCICAndLevel
               level={drop.author.level}
@@ -53,7 +54,7 @@ const MemesLeaderboardDropArtistInfo: React.FC<
                 onClick={(e) => e.stopPropagation()}
                 className="tw-no-underline desktop-hover:hover:tw-underline"
               >
-                <span className="tw-text-md tw-mb-0 tw-leading-none tw-font-semibold">
+                <span className="tw-text-sm tw-font-bold tw-text-white">
                   {drop.author?.handle}
                 </span>
               </Link>
@@ -64,11 +65,12 @@ const MemesLeaderboardDropArtistInfo: React.FC<
               onClick={(e) => e.stopPropagation()}
               className="tw-no-underline desktop-hover:hover:tw-underline"
             >
-              <span className="tw-text-md tw-mb-0 tw-leading-none tw-font-semibold">
+              <span className="tw-text-sm tw-font-bold tw-text-white">
                 {drop.author?.handle}
               </span>
             </Link>
           )}
+
           {hasSubmissions && (
             <ArtistSubmissionBadge
               submissionCount={submissionCount}
@@ -77,18 +79,22 @@ const MemesLeaderboardDropArtistInfo: React.FC<
             />
           )}
 
-          {/* Divider followed by WaveDropTime component */}
-          <div className="tw-size-[3px] tw-bg-iron-600 tw-rounded-full tw-flex-shrink-0"></div>
-          <WaveDropTime 
+          <span className="tw-text-sm tw-text-iron-500">•</span>
+
+          <WaveDropTime
             timestamp={drop.created_at}
           />
         </div>
-        <WinnerDropBadge
-          rank={drop.rank}
-          decisionTime={drop.winning_context?.decision_time || null}
-        />
+
+        {/* Bottom row: Winner badge */}
+        <div className="tw-flex tw-items-center tw-gap-x-2">
+          <WinnerDropBadge
+            rank={drop.rank}
+            decisionTime={drop.winning_context?.decision_time || null}
+          />
+        </div>
       </div>
-      
+
       {/* Artist Submission Preview Modal */}
       <ArtistPreviewModal
         isOpen={isModalOpen}
diff --git a/components/memes/drops/MemesLeaderboardDropCard.tsx b/components/memes/drops/MemesLeaderboardDropCard.tsx
index ced11ac70f..abc163f695 100644
--- a/components/memes/drops/MemesLeaderboardDropCard.tsx
+++ b/components/memes/drops/MemesLeaderboardDropCard.tsx
@@ -13,11 +13,11 @@ const getBorderClasses = (drop: ExtendedDrop) => {
     "tw-rounded-xl tw-border tw-border-solid tw-border-iron-800 tw-transition-all tw-duration-200 tw-ease-out tw-overflow-hidden";
 
   if (rank === 1) {
-    return `${baseClasses} desktop-hover:hover:tw-border-[#fbbf24]/40`;
+    return `${baseClasses} desktop-hover:hover:tw-border-yellow-500/20`;
   } else if (rank === 2) {
-    return `${baseClasses} desktop-hover:hover:tw-border-[#94a3b8]/40`;
+    return `${baseClasses} desktop-hover:hover:tw-border-iron-400/25`;
   } else if (rank === 3) {
-    return `${baseClasses} desktop-hover:hover:tw-border-[#CD7F32]/40`;
+    return `${baseClasses} desktop-hover:hover:tw-border-amber-600/20`;
   } else {
     // More subtle hover effect for ranks 4+
     return `${baseClasses} desktop-hover:hover:tw-border-iron-700`;
diff --git a/components/memes/drops/MemesLeaderboardDropDescription.tsx b/components/memes/drops/MemesLeaderboardDropDescription.tsx
index bda27a4dc2..8b0a79f6b1 100644
--- a/components/memes/drops/MemesLeaderboardDropDescription.tsx
+++ b/components/memes/drops/MemesLeaderboardDropDescription.tsx
@@ -9,7 +9,7 @@ const MemesLeaderboardDropDescription: React.FC<MemesLeaderboardDropDescriptionP
 }) => {
   return (
     <div>
-      <p className="tw-text-iron-400 tw-mb-0">{description}</p>
+      <p className="tw-text-sm tw-text-iron-500 tw-mb-0 tw-leading-relaxed">{description}</p>
     </div>
   );
 };
diff --git a/components/memes/drops/MemesLeaderboardDropHeader.tsx b/components/memes/drops/MemesLeaderboardDropHeader.tsx
index 4ec31aa0cc..f016a2039e 100644
--- a/components/memes/drops/MemesLeaderboardDropHeader.tsx
+++ b/components/memes/drops/MemesLeaderboardDropHeader.tsx
@@ -8,7 +8,7 @@ const MemesLeaderboardDropHeader: React.FC<
   MemesLeaderboardDropHeaderProps
 > = ({ title }) => {
   return (
-    <h3 className="tw-text-lg tw-font-semibold tw-text-iron-100 tw-mb-0">
+    <h3 className="tw-text-lg tw-font-bold tw-text-white tw-mb-0 tw-leading-tight">
       {title}
     </h3>
   );
diff --git a/components/memes/drops/MemesLeaderboardDropVoteSummary.tsx b/components/memes/drops/MemesLeaderboardDropVoteSummary.tsx
index 935dff1ee1..f199446e84 100644
--- a/components/memes/drops/MemesLeaderboardDropVoteSummary.tsx
+++ b/components/memes/drops/MemesLeaderboardDropVoteSummary.tsx
@@ -34,82 +34,81 @@ const MemesLeaderboardDropVoteSummary: React.FC<
   const isUserVoteNegative = userVote < 0;
 
   return (
-    <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-6 tw-gap-y-2">
-      <div className="tw-flex tw-items-center tw-gap-x-1">
+    <div className="tw-flex @[700px]:tw-flex-1 tw-items-center tw-gap-4 @[700px]:tw-justify-between">
+      {/* Left side: Vote counts + User vote (on large) */}
+      <div className="tw-flex tw-items-center tw-gap-2 tw-text-sm">
         <span
-          className={`tw-text-sm tw-font-semibold ${
+          className={`tw-font-bold tw-font-mono tw-tracking-tight tw-text-sm ${
             isPositive ? "tw-text-emerald-500" : "tw-text-rose-500"
           }`}
         >
           {formatNumberWithCommas(current)}
         </span>
         <DropVoteProgressing current={current} projected={projected} />
-        <span className="tw-text-sm tw-text-iron-400 text-nowrap">
+        <span className="tw-text-iron-500 tw-text-sm tw-ml-1">
           {creditType} total
         </span>
-      </div>
-      <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-2">
-        <div className="tw-flex tw-items-center -tw-space-x-1.5">
-          {topVoters.map((voter) => (
-            <React.Fragment key={voter.profile.handle}>
-              <Link
-                href={`/${voter.profile.handle}`}
-                onClick={(e) => e.stopPropagation()}
-                data-tooltip-id={`voter-${voter.profile.handle}`}
-              >
-                {voter.profile.pfp ? (
-                  <img
-                    className="tw-size-6 tw-rounded-md tw-ring-2 tw-ring-black tw-bg-iron-800 tw-object-contain"
-                    src={voter.profile.pfp}
-                    alt="Recent voter"
-                  />
-                ) : (
-                  <div className="tw-size-6 tw-rounded-md tw-ring-2 tw-ring-black tw-bg-iron-800" />
-                )}
-              </Link>
-              <Tooltip
-                id={`voter-${voter.profile.handle}`}
-                style={{
-                  backgroundColor: "#1F2937",
-                  color: "white",
-                  padding: "4px 8px",
-                }}
-              >
-                {voter.profile.handle} - {formatNumberWithCommas(voter.rating)}
-              </Tooltip>
-            </React.Fragment>
-          ))}
-        </div>
-        <div className="tw-flex tw-items-baseline tw-gap-x-1">
-          <span className="tw-text-sm tw-font-medium tw-text-iron-100">
-            {formatNumberWithCommas(ratersCount)}
-          </span>
-          <span className="tw-text-sm tw-text-iron-400 text-nowrap">
-            {ratersCount === 1 ? "voter" : "voters"}
+        {/* User vote badge - hidden on small containers */}
+        {hasUserVoted && (
+          <span className="tw-hidden @[500px]:tw-inline tw-text-xs tw-text-iron-500 tw-font-mono tw-ml-3 tw-border-l tw-border-solid tw-border-white/10 tw-pl-3 tw-border-t-0 tw-border-r-0 tw-border-b-0">
+            Your vote:{" "}
+            <span className="tw-text-white tw-font-bold">
+              {isUserVoteNegative && "-"}
+              {formatNumberWithCommas(Math.abs(userVote))}
+            </span>
           </span>
-        </div>
+        )}
       </div>
 
-      {hasUserVoted && (
-        <div className="tw-flex tw-items-center tw-gap-x-1.5">
-          <div className="tw-flex tw-items-baseline tw-gap-x-1">
-            <span className="tw-text-sm tw-font-normal tw-text-iron-400">
-              Your vote:
-            </span>
-            <span
-              className={`tw-text-sm tw-font-semibold ${
-                isUserVoteNegative ? "tw-text-rose-500" : "tw-text-emerald-500"
-              }`}
-            >
-              {isUserVoteNegative && "-"}
-              {formatNumberWithCommas(Math.abs(userVote))}{" "}
-              <span className="tw-text-iron-400 tw-font-normal">
-                {creditType}
-              </span>
-            </span>
+      {/* Right side: Voters - hidden on small containers (shown next to button) */}
+      <div className="tw-hidden @[700px]:tw-flex tw-items-center tw-gap-2">
+          <div className="tw-flex tw-items-center -tw-space-x-2">
+            {topVoters.map((voter) => (
+              <React.Fragment key={voter.profile.handle}>
+                <Link
+                  href={`/${voter.profile.handle}`}
+                  onClick={(e) => e.stopPropagation()}
+                  data-tooltip-id={`voter-${voter.profile.handle}`}
+                >
+                  {voter.profile.pfp ? (
+                    <img
+                      className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
+                      src={voter.profile.pfp}
+                      alt="Recent voter"
+                    />
+                  ) : (
+                    <div className="tw-w-6 tw-h-6 tw-rounded-lg tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800" />
+                  )}
+                </Link>
+                <Tooltip
+                  id={`voter-${voter.profile.handle}`}
+                  place="top"
+                  offset={8}
+                  opacity={1}
+                  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: 99999,
+                    pointerEvents: "none",
+                  }}
+                >
+                  {voter.profile.handle} - {formatNumberWithCommas(voter.rating)}
+                </Tooltip>
+              </React.Fragment>
+            ))}
           </div>
-        </div>
-      )}
+          <span className="tw-text-white tw-font-bold tw-text-sm">
+            {formatNumberWithCommas(ratersCount)}{" "}
+            <span className="tw-text-iron-500 tw-font-normal">
+              {ratersCount === 1 ? "voter" : "voters"}
+            </span>
+          </span>
+      </div>
     </div>
   );
 };
diff --git a/components/memes/drops/meme-participation-drop/MemeDropVoteStats.tsx b/components/memes/drops/meme-participation-drop/MemeDropVoteStats.tsx
index e25807d3d7..aa16c18379 100644
--- a/components/memes/drops/meme-participation-drop/MemeDropVoteStats.tsx
+++ b/components/memes/drops/meme-participation-drop/MemeDropVoteStats.tsx
@@ -44,15 +44,15 @@ export default function MemeDropVoteStats({
         </span>
 
         <div className="tw-flex tw-items-baseline tw-gap-x-1.5">
-          <span className="tw-text-sm tw-text-iron-400 text-nowrap">
-            {votingCreditType} total
+          <span className="tw-text-sm tw-text-iron-500 tw-whitespace-nowrap">
+            <span className="tw-font-medium">{votingCreditType} total</span>
           </span>
 
           <DropVoteProgressing current={current} projected={projected} />
         </div>
       </div>
-      <div className="tw-flex tw-items-center tw-gap-x-2">
-        <div className="tw-flex tw-items-center -tw-space-x-1.5 -tw-mt-0.5">
+      <div className="tw-flex tw-items-center tw-gap-2">
+        <div className="tw-flex tw-items-center -tw-space-x-2">
           {firstThreeVoters.map((voter) => (
             <div key={voter.profile.handle}>
               <Link
@@ -62,12 +62,12 @@ export default function MemeDropVoteStats({
               >
                 {voter.profile.pfp ? (
                   <img
-                    className="tw-size-6 tw-rounded-md tw-ring-2 tw-ring-iron-950"
+                    className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
                     src={voter.profile.pfp}
                     alt="Recent voter"
                   />
                 ) : (
-                  <div className="tw-size-6 tw-rounded-md tw-ring-2 tw-ring-iron-950 tw-bg-iron-800" />
+                  <div className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800" />
                 )}
               </Link>
               <Tooltip
@@ -85,14 +85,12 @@ export default function MemeDropVoteStats({
             </div>
           ))}
         </div>
-        <div className="tw-flex tw-items-baseline tw-gap-x-1">
-          <span className="tw-text-sm tw-font-medium tw-text-iron-100">
-            {formatNumberWithCommas(ratersCount ?? 0)}
-          </span>
-          <span className="tw-text-sm tw-text-iron-400 text-nowrap">
+        <span className="tw-text-white tw-font-bold tw-text-xs">
+          {formatNumberWithCommas(ratersCount ?? 0)}{" "}
+          <span className="tw-text-iron-500 tw-font-normal">
             {ratersCount === 1 ? "voter" : "voters"}
           </span>
-        </div>
+        </span>
       </div>
 
       {/* User's vote */}
diff --git a/components/user/utils/UserCICAndLevel.tsx b/components/user/utils/UserCICAndLevel.tsx
index f9b93d4724..d1d10e159e 100644
--- a/components/user/utils/UserCICAndLevel.tsx
+++ b/components/user/utils/UserCICAndLevel.tsx
@@ -20,26 +20,34 @@ export default function UserCICAndLevel({
   readonly size?: UserCICAndLevelSize;
 }) {
   const mainColor = color ?? "iron-300";
+
   const LEVEL_SIZE_CLASSES: Record<UserCICAndLevelSize, string> = {
-    [UserCICAndLevelSize.SMALL]: "tw-h-4 tw-w-4 tw-text-[9px]",
-    [UserCICAndLevelSize.MEDIUM]: "tw-h-5 tw-w-5 tw-text-[0.625rem]",
-    [UserCICAndLevelSize.LARGE]: "tw-h-6 tw-w-6 tw-text-[0.75rem]",
-    [UserCICAndLevelSize.XLARGE]: "tw-h-8 tw-w-8 tw-text-[1rem]",
+    [UserCICAndLevelSize.SMALL]: "tw-h-5 tw-w-5 tw-text-[9px]",
+    [UserCICAndLevelSize.MEDIUM]: "tw-h-6 tw-w-6 tw-text-[0.65rem]",
+    [UserCICAndLevelSize.LARGE]: "tw-h-8 tw-w-8 tw-text-[0.8rem]",
+    [UserCICAndLevelSize.XLARGE]: "tw-h-10 tw-w-10 tw-text-[1rem]",
   };
+
   const CIC_SIZE_CLASSES: Record<UserCICAndLevelSize, string> = {
-    [UserCICAndLevelSize.SMALL]: "-tw-top-[0.1875rem] tw-h-2 tw-w-2",
-    [UserCICAndLevelSize.MEDIUM]: "tw-top-0 tw-h-2 tw-w-2",
-    [UserCICAndLevelSize.LARGE]: "-tw-top-1.5 tw-h-3 tw-w-3",
-    [UserCICAndLevelSize.XLARGE]: "-tw-top-2 tw-h-4 tw-w-4",
+    [UserCICAndLevelSize.SMALL]: "-tw-top-0.5 -tw-right-0.5 tw-h-2 tw-w-2",
+    [UserCICAndLevelSize.MEDIUM]: "-tw-top-1 -tw-right-0.5 tw-h-2.5 tw-w-2.5",
+    [UserCICAndLevelSize.LARGE]: "-tw-top-0.5 -tw-right-0.5 tw-h-3.5 tw-w-3.5",
+    [UserCICAndLevelSize.XLARGE]: "-tw-top-0.5 -tw-right-0.5 tw-h-4 tw-w-4",
   };
+
   return (
-    <div className="tw-relative">
+    <div className="tw-relative tw-inline-flex">
       <div
-        className={`${LEVEL_SIZE_CLASSES[size]} tw-flex tw-items-center tw-justify-center tw-leading-3 tw-font-bold tw-rounded-full tw-bg-gradient-to-br tw-from-iron-800 tw-to-iron-900 tw-ring-1 tw-ring-iron-700 tw-ring-inset tw-text-${mainColor}`}>
-        {level}
+        className={`${LEVEL_SIZE_CLASSES[size]} tw-flex tw-items-center tw-justify-center tw-font-bold tw-rounded-full
+        tw-bg-iron-800 tw-leading-none
+        tw-border tw-border-solid tw-border-iron-700
+        tw-text-${mainColor}`}>
+        <span>{level}</span>
       </div>
       <span
-        className={`${CIC_SIZE_CLASSES[size]} ${CIC_COLOR[cicType]} tw-flex-shrink-0 tw-absolute -tw-right-1 tw-block tw-rounded-full`}></span>
+        className={`${CIC_SIZE_CLASSES[size]} ${CIC_COLOR[cicType]}
+        tw-flex-shrink-0 tw-absolute tw-block tw-rounded-full
+        tw-ring-2 tw-ring-[#050505] tw-shadow-sm`}></span>
     </div>
   );
 }
diff --git a/components/user/utils/profile/UserProfileTooltip.tsx b/components/user/utils/profile/UserProfileTooltip.tsx
index b3e735a8c3..04a243daaa 100644
--- a/components/user/utils/profile/UserProfileTooltip.tsx
+++ b/components/user/utils/profile/UserProfileTooltip.tsx
@@ -114,7 +114,7 @@ export default function UserProfileTooltip({
                 <UserCICAndLevel
                   level={profile.level}
                   cicType={cicToType(profile.cic)}
-                  size={UserCICAndLevelSize.MEDIUM}
+                  size={UserCICAndLevelSize.SMALL}
                 />
               )}
             </div>
diff --git a/components/voting/VotingModalButton.tsx b/components/voting/VotingModalButton.tsx
index 4fafc2e520..9f94ef8eef 100644
--- a/components/voting/VotingModalButton.tsx
+++ b/components/voting/VotingModalButton.tsx
@@ -24,7 +24,7 @@ const VotingModalButton: React.FC<VotingModalButtonProps> = ({
     onClick();
   };
 
-  const baseClasses = "tw-flex tw-items-center tw-justify-center tw-gap-x-1 tw-px-3 tw-py-1.5 tw-rounded-lg tw-border tw-border-solid tw-text-xs tw-whitespace-nowrap tw-transition-all tw-duration-300 tw-ease-out";
+  const baseClasses = "tw-flex tw-items-center tw-justify-center tw-gap-x-1 tw-px-3 tw-py-1.5 tw-rounded-md tw-border tw-border-solid tw-text-xs tw-whitespace-nowrap tw-transition-all tw-duration-300 tw-ease-out";
 
   const variantClasses = variant === "subtle"
     ? "tw-bg-white tw-border-white tw-text-black tw-font-semibold desktop-hover:hover:tw-bg-iron-300 tw-shadow-[0_0_15px_rgba(255,255,255,0.1)]"
diff --git a/components/waves/drop/SingleWaveDropAuthor.tsx b/components/waves/drop/SingleWaveDropAuthor.tsx
index d1ee0f059d..6366f6cb2a 100644
--- a/components/waves/drop/SingleWaveDropAuthor.tsx
+++ b/components/waves/drop/SingleWaveDropAuthor.tsx
@@ -11,7 +11,9 @@ interface SingleWaveDropAuthorProps {
   readonly drop: ApiDrop;
 }
 
-export const SingleWaveDropAuthor: React.FC<SingleWaveDropAuthorProps> = ({ drop }) => {
+export const SingleWaveDropAuthor: React.FC<SingleWaveDropAuthorProps> = ({
+  drop,
+}) => {
   return (
     <Link
       href={`/${drop.author.handle}`}
@@ -26,16 +28,19 @@ export const SingleWaveDropAuthor: React.FC<SingleWaveDropAuthorProps> = ({ drop
       ) : (
         <div className="tw-size-10 tw-rounded-md tw-ring-1 tw-ring-inset tw-ring-white/10 tw-bg-iron-800" />
       )}
-      <UserCICAndLevel
-        level={drop.author.level}
-        cicType={cicToType(drop.author.cic)}
-        size={UserCICAndLevelSize.SMALL}
-      />
-      <UserProfileTooltipWrapper user={drop.author.handle ?? drop.author.id}>
-        <span className="tw-text-md tw-font-medium tw-text-iron-200 desktop-hover:hover:tw-text-opacity-80">
-          {drop.author.handle}
-        </span>
-      </UserProfileTooltipWrapper>
+      <div className="tw-flex tw-items-center tw-gap-x-2">
+        <UserCICAndLevel
+          level={drop.author.level}
+          cicType={cicToType(drop.author.cic)}
+          size={UserCICAndLevelSize.SMALL}
+        />
+
+        <UserProfileTooltipWrapper user={drop.author.handle ?? drop.author.id}>
+          <span className="tw-text-md tw-font-medium tw-text-iron-200 desktop-hover:hover:tw-text-opacity-80">
+            {drop.author.handle}
+          </span>
+        </UserProfileTooltipWrapper>
+      </div>
     </Link>
   );
-}; 
\ No newline at end of file
+};
diff --git a/components/waves/drop/SingleWaveDropLogs.tsx b/components/waves/drop/SingleWaveDropLogs.tsx
index bfd386cbdd..41a6ad923f 100644
--- a/components/waves/drop/SingleWaveDropLogs.tsx
+++ b/components/waves/drop/SingleWaveDropLogs.tsx
@@ -38,7 +38,7 @@ export const SingleWaveDropLogs: React.FC<SingleWaveDropLogsProps> = ({
       <button
         onClick={() => setIsActivityOpen(!isActivityOpen)}
         className={`tw-text-sm tw-w-full tw-group tw-ring-1 tw-ring-iron-700 desktop-hover:hover:tw-ring-primary-400/30 tw-flex tw-justify-between tw-items-center tw-font-medium tw-py-2.5 md:tw-py-3 tw-px-5 tw-bg-iron-900 tw-transition-all tw-duration-300 tw-border-0 ${
-          isActivityOpen ? "tw-rounded-t-xl" : "tw-rounded-xl"
+          isActivityOpen ? "tw-rounded-t-lg" : "tw-rounded-lg"
         }`}>
         <span
           className={
diff --git a/components/waves/drop/SingleWaveDropTraits.tsx b/components/waves/drop/SingleWaveDropTraits.tsx
index 8ecf1d30aa..8f14d8f155 100644
--- a/components/waves/drop/SingleWaveDropTraits.tsx
+++ b/components/waves/drop/SingleWaveDropTraits.tsx
@@ -28,13 +28,13 @@ const MetadataItem: React.FC<{
     typeof value === "boolean" ? (value ? "Yes" : "No") : String(value);
 
   return (
-    <div className="tw-px-2 tw-py-1 tw-rounded-md tw-bg-iron-800 tw-flex tw-flex-col tw-gap-y-1.5">
-      <span className="tw-text-iron-400 tw-text-xs tw-mr-1.5 tw-font-normal">
+    <div className="tw-bg-iron-900 tw-border tw-border-solid tw-border-white/10 tw-rounded-md tw-px-3 tw-py-1.5 tw-flex tw-flex-col">
+      <span className="tw-block tw-text-[9px] tw-uppercase tw-tracking-wider tw-text-iron-600 tw-font-bold tw-mb-0.5">
         {label}
       </span>
       <>
-        <span 
-          className="tw-text-iron-50 tw-text-sm tw-font-medium tw-truncate"
+        <span
+          className="tw-text-xs tw-text-iron-400 tw-truncate"
           data-tooltip-id={`trait-${label}-${displayValue}`}
         >
           {displayValue}
diff --git a/components/waves/drop/SingleWaveDropVoteContent.tsx b/components/waves/drop/SingleWaveDropVoteContent.tsx
index 506b23c512..ecb52722b5 100644
--- a/components/waves/drop/SingleWaveDropVoteContent.tsx
+++ b/components/waves/drop/SingleWaveDropVoteContent.tsx
@@ -44,7 +44,7 @@ export const SingleWaveDropVoteContent: React.FC<
     return (
        
       <div
-        className="tw-bg-iron-800 tw-border tw-border-iron-700 tw-border-solid tw-rounded-lg tw-px-2 tw-py-1.5"
+        className="tw-bg-iron-900 tw-border tw-border-iron-800 tw-border-solid tw-rounded-lg tw-px-2 tw-py-1.5"
         onClick={(e) => e.stopPropagation()}
       >
         {/* MINI: Horizontal single-row layout */}
@@ -52,7 +52,7 @@ export const SingleWaveDropVoteContent: React.FC<
           {/* Toggle button - icon only */}
           <button
             onClick={() => setIsSliderMode(!isSliderMode)}
-            className="tw-h-8 tw-w-8 tw-rounded-md tw-bg-iron-700 tw-border tw-border-solid tw-border-iron-650
+            className="tw-h-8 tw-w-8 tw-rounded-md tw-bg-iron-800 tw-border tw-border-solid tw-border-iron-700
                     tw-flex tw-items-center tw-justify-center tw-transition-all tw-flex-shrink-0
                     desktop-hover:hover:tw-bg-iron-600"
             title={isSliderMode ? "Switch to numeric" : "Switch to slider"}
diff --git a/components/waves/drop/SingleWaveDropVoteInput.tsx b/components/waves/drop/SingleWaveDropVoteInput.tsx
index af1250e5ad..cd2bbd4883 100644
--- a/components/waves/drop/SingleWaveDropVoteInput.tsx
+++ b/components/waves/drop/SingleWaveDropVoteInput.tsx
@@ -182,7 +182,7 @@ export const SingleWaveDropVoteInput: React.FC<
             type="text"
             pattern="-?[0-9]*"
             inputMode="numeric"
-            className="tw-w-full tw-px-3 tw-pr-12 tw-h-8 tw-bg-iron-900 tw-rounded-lg tw-text-iron-50 tw-placeholder-iron-400 tw-text-base tw-font-medium tw-outline-none tw-border tw-border-solid tw-border-iron-700 desktop-hover:hover:tw-border-primary-400 focus:tw-border-primary-400 tw-transition-all focus:tw-bg-iron-950 tw-duration-300 tw-ease-out"
+            className="tw-w-full tw-px-3 tw-pr-12 tw-h-8 tw-bg-iron-950 tw-rounded-md tw-text-iron-50 tw-placeholder-iron-400 tw-text-base tw-font-medium tw-outline-none tw-border tw-border-solid tw-border-iron-700 desktop-hover:hover:tw-border-primary-400 focus:tw-border-primary-400 tw-transition-all focus:tw-bg-iron-950 tw-duration-300 tw-ease-out"
             value={voteValue}
             onChange={handleInputChange}
             onKeyDown={handleKeyDown}
diff --git a/components/waves/drop/SingleWaveDropVoteSubmit.tsx b/components/waves/drop/SingleWaveDropVoteSubmit.tsx
index 0e235bba1a..84049c8b65 100644
--- a/components/waves/drop/SingleWaveDropVoteSubmit.tsx
+++ b/components/waves/drop/SingleWaveDropVoteSubmit.tsx
@@ -271,7 +271,7 @@ const SingleWaveDropVoteSubmit = forwardRef<
             className={`${styles.buttonText} ${
               isTextExiting ? styles.exit : styles.enter
             }`}>
-            {showSuccess ? "Voted!" : "Vote!"}
+            {showSuccess ? "Voted" : "Vote"}
           </span>
         )}
         {loading && (
diff --git a/components/waves/drop/SingleWaveDropVoters.tsx b/components/waves/drop/SingleWaveDropVoters.tsx
index be6b0c236a..8d3827277c 100644
--- a/components/waves/drop/SingleWaveDropVoters.tsx
+++ b/components/waves/drop/SingleWaveDropVoters.tsx
@@ -38,7 +38,7 @@ export const SingleWaveDropVoters: React.FC<SingleWaveDropVotersProps> = ({
       <button
         onClick={() => setIsVotersOpen(!isVotersOpen)}
         className={`tw-text-sm tw-w-full tw-group tw-ring-1 tw-ring-iron-700 desktop-hover:hover:tw-ring-primary-400/30 tw-flex tw-justify-between tw-items-center tw-font-medium tw-py-2.5 md:tw-py-3 tw-px-5 tw-bg-iron-900 tw-transition-all tw-duration-300 tw-border-0 ${
-          isVotersOpen ? "tw-rounded-t-xl" : "tw-rounded-xl"
+          isVotersOpen ? "tw-rounded-t-lg" : "tw-rounded-lg"
         }`}>
         <span
           className={
diff --git a/components/waves/drop/SingleWaveDropVotes.tsx b/components/waves/drop/SingleWaveDropVotes.tsx
index 1fc526c94c..fc83a3026a 100644
--- a/components/waves/drop/SingleWaveDropVotes.tsx
+++ b/components/waves/drop/SingleWaveDropVotes.tsx
@@ -32,12 +32,12 @@ export const SingleWaveDropVotes: React.FC<SingleWaveDropVotesProps> = ({
   const shouldShowUserVote = (isVotingEnded || isWinner) && hasUserVoted;
 
   return (
-    <div className="tw-flex tw-items-center tw-flex-wrap tw-gap-y-2 tw-gap-x-6">
-      <div className="tw-flex tw-items-baseline tw-gap-x-1">
+    <div className="tw-flex tw-items-center tw-flex-wrap tw-gap-y-2 tw-gap-x-6 tw-mt-0.5">
+      <div className="tw-flex tw-items-baseline tw-gap-x-2">
         <span
-          className={`tw-text-sm tw-font-semibold ${
+          className={`tw-text-sm tw-font-bold tw-font-mono tw-tracking-tight ${
             isPositive ? "tw-text-emerald-500" : "tw-text-rose-500"
-          } `}
+          }`}
         >
           {formatNumberWithCommas(drop.rating)}
         </span>
@@ -45,19 +45,19 @@ export const SingleWaveDropVotes: React.FC<SingleWaveDropVotesProps> = ({
           current={drop.rating}
           projected={drop.rating_prediction}
         />
-        <span className="tw-text-sm tw-text-iron-400 text-nowrap">
+        <span className="tw-text-sm tw-text-iron-500 tw-font-normal">
           {drop.wave.voting_credit_type} total
         </span>
       </div>
-      <div className="tw-flex tw-items-center tw-gap-x-3">
-        <div className="tw-flex tw-items-center -tw-space-x-1.5">
+      <div className="tw-flex tw-items-center tw-gap-2">
+        <div className="tw-flex tw-items-center -tw-space-x-2">
           {firstThreeVoters.map((voter) => (
             <div key={voter.profile.handle}>
               <Link href={`/${voter.profile.handle}`}>
                 {voter.profile.pfp ? (
-                  <div className="tw-relative tw-size-6">
+                  <div className="tw-relative tw-w-6 tw-h-6">
                     <Image
-                      className="tw-rounded-md tw-ring-2 tw-ring-iron-950 tw-object-cover"
+                      className="tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
                       src={resolveIpfsUrlSync(voter.profile.pfp)}
                       alt="Recent voter"
                       fill
@@ -66,8 +66,8 @@ export const SingleWaveDropVotes: React.FC<SingleWaveDropVotesProps> = ({
                     />
                   </div>
                 ) : (
-                  <div 
-                    className="tw-size-6 tw-rounded-md tw-ring-2 tw-ring-iron-950 tw-bg-iron-800" 
+                  <div
+                    className="tw-w-6 tw-h-6 tw-rounded-lg tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800"
                     data-tooltip-id={`wave-voter-${voter.profile.handle}`}
                   />
                 )}
@@ -85,14 +85,12 @@ export const SingleWaveDropVotes: React.FC<SingleWaveDropVotesProps> = ({
             </div>
           ))}
         </div>
-        <div className="tw-flex tw-items-baseline tw-gap-x-1">
-          <span className="tw-text-sm tw-font-medium tw-text-iron-100">
-            {formatNumberWithCommas(drop.raters_count)}
-          </span>
-          <span className="tw-text-sm tw-text-iron-400 text-nowrap">
+        <span className="tw-text-white tw-font-bold tw-text-sm">
+          {formatNumberWithCommas(drop.raters_count)}{" "}
+          <span className="tw-text-iron-500 tw-font-normal">
             {drop.raters_count === 1 ? "voter" : "voters"}
           </span>
-        </div>
+        </span>
       </div>
 
       {/* User's vote - only show when voting is ended or it's a winner drop */}
diff --git a/components/waves/drops/ArtistActiveSubmissionContent.tsx b/components/waves/drops/ArtistActiveSubmissionContent.tsx
index f262fe48eb..2a36880966 100644
--- a/components/waves/drops/ArtistActiveSubmissionContent.tsx
+++ b/components/waves/drops/ArtistActiveSubmissionContent.tsx
@@ -108,41 +108,38 @@ export const ArtistActiveSubmissionContent: React.FC<
                   key={submission.id}
                   className="tw-flex tw-flex-col tw-h-full"
                 >
-                  { }
                   <div
-                    className="tw-group tw-relative tw-cursor-pointer tw-flex tw-flex-col tw-flex-1 tw-bg-gradient-to-br tw-from-iron-900 tw-to-white/5 tw-rounded-lg tw-overflow-hidden tw-ring-1 tw-px-0.5 tw-pt-0.5 tw-ring-inset tw-ring-iron-900 desktop-hover:hover:tw-ring-iron-700 tw-transition-all tw-duration-500 tw-ease-out tw-mb-3"
+                    className="tw-group tw-relative tw-cursor-pointer tw-flex tw-flex-col tw-flex-1 tw-bg-iron-950/50 tw-border tw-border-solid tw-border-iron-800 tw-rounded-lg tw-overflow-hidden desktop-hover:hover:tw-border-iron-700 tw-shadow-lg desktop-hover:hover:tw-shadow-xl tw-transition-all tw-duration-300 tw-ease-out tw-mb-3"
                     onClick={() => handleDropClick(submission.id)}
                   >
-                    <div className="tw-w-full tw-max-w-full tw-relative">
-                      <div className="tw-h-[250px] min-[1200px]:tw-h-[18.75rem] tw-text-center tw-flex tw-items-center tw-justify-center">
-                        <div className="tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center">
-                          <MediaDisplay
-                            media_url={submission.imageUrl}
-                            media_mime_type={submission.mediaMimeType}
-                            disableMediaInteraction={true}
+                    <div className="tw-aspect-square tw-relative tw-overflow-hidden tw-bg-iron-950/50">
+                      <div className="tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center">
+                        <MediaDisplay
+                          media_url={submission.imageUrl}
+                          media_mime_type={submission.mediaMimeType}
+                          disableMediaInteraction={true}
+                        />
+                      </div>
+                      <div className="tw-absolute tw-top-3 tw-right-3 tw-opacity-0 desktop-hover:group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300">
+                        <div className="tw-w-8 tw-h-8 tw-bg-black/50 tw-backdrop-blur-sm tw-rounded-full tw-flex tw-items-center tw-justify-center">
+                          <FontAwesomeIcon
+                            icon={faEye}
+                            className="tw-w-3.5 tw-h-3.5 tw-text-white"
                           />
                         </div>
-                        <div className="tw-absolute tw-top-3 tw-right-3 tw-opacity-0 desktop-hover:group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300">
-                          <div className="tw-w-8 tw-h-8 tw-bg-black/50 tw-backdrop-blur-sm tw-rounded-full tw-flex tw-items-center tw-justify-center">
-                            <FontAwesomeIcon
-                              icon={faEye}
-                              className="tw-w-3.5 tw-h-3.5 tw-text-white"
-                            />
-                          </div>
-                        </div>
                       </div>
                     </div>
-                    <div className="tw-p-4 tw-flex tw-flex-col tw-flex-1 tw-justify-between">
-                      {submission.drop && (
-                        <div className="tw-mb-3">
-                          <SubmissionPosition drop={submission.drop} />
+                    <div className="tw-p-3 tw-border-t tw-border-solid tw-border-x-0 tw-border-b-0 tw-border-iron-800 tw-bg-iron-950/50 tw-flex tw-flex-col tw-flex-1 tw-justify-between">
+                      <div className="tw-flex tw-justify-between tw-items-start tw-mb-3">
+                        <div className="tw-min-w-0 tw-flex-1 tw-mr-2">
+                          {submission.title && (
+                            <p className="tw-mb-0 tw-text-sm tw-font-bold tw-text-iron-100 tw-truncate tw-leading-tight">
+                              {submission.title}
+                            </p>
+                          )}
                         </div>
-                      )}
-                      <div className="tw-flex-1">
-                        {submission.title && (
-                          <p className="tw-font-semibold tw-text-iron-100 tw-text-md tw-mb-2">
-                            {submission.title}
-                          </p>
+                        {submission.drop && (
+                          <SubmissionPosition drop={submission.drop} />
                         )}
                       </div>
                       {submission.drop && (
diff --git a/components/waves/drops/ArtistPreviewModalTabs.tsx b/components/waves/drops/ArtistPreviewModalTabs.tsx
index 3fbb9cc7e2..f418035c28 100644
--- a/components/waves/drops/ArtistPreviewModalTabs.tsx
+++ b/components/waves/drops/ArtistPreviewModalTabs.tsx
@@ -23,7 +23,7 @@ export const ArtistPreviewModalTabs: React.FC<ArtistPreviewModalTabsProps> = ({
           onClick={() => onTabChange("active")}
           className={`tw-px-2.5 tw-py-1.5 tw-border-0 tw-rounded-md tw-transition tw-duration-300 tw-flex-1 ${
             activeTab === "active"
-              ? "tw-bg-iron-700 tw-text-iron-50 tw-font-medium tw-shadow-[inset_0_1px_0_rgba(255,255,255,0.06),inset_0_0_6px_rgba(0,0,0,0.15)]"
+              ? "tw-bg-iron-800 tw-text-iron-50 tw-font-medium tw-shadow-[inset_0_1px_0_rgba(255,255,255,0.06),inset_0_0_6px_rgba(0,0,0,0.15)]"
               : "tw-text-iron-400 desktop-hover:hover:tw-text-iron-300 tw-bg-transparent"
           }`}
         >
diff --git a/components/waves/drops/ArtistWinningArtworksContent.tsx b/components/waves/drops/ArtistWinningArtworksContent.tsx
index 0f0e20a5d9..ed039f35d8 100644
--- a/components/waves/drops/ArtistWinningArtworksContent.tsx
+++ b/components/waves/drops/ArtistWinningArtworksContent.tsx
@@ -52,112 +52,109 @@ export const ArtistWinningArtworksContent: React.FC<
 
           return (
             <div key={drop.id} className="tw-flex tw-flex-col tw-h-full">
-              { }
               <div
-                className="tw-group tw-relative tw-cursor-pointer tw-flex tw-flex-col tw-flex-1 tw-bg-gradient-to-br tw-from-iron-900 tw-to-white/5 tw-rounded-lg tw-overflow-hidden tw-ring-1 tw-px-0.5 tw-pt-0.5 tw-ring-inset tw-ring-iron-900 desktop-hover:hover:tw-ring-iron-700 tw-transition-all tw-duration-500 tw-ease-out tw-mb-3"
+                className="tw-group tw-relative tw-cursor-pointer tw-flex tw-flex-col tw-flex-1 tw-bg-iron-950/50 tw-border tw-border-solid tw-border-iron-800 tw-rounded-lg tw-overflow-hidden desktop-hover:hover:tw-border-iron-700 tw-shadow-lg desktop-hover:hover:tw-shadow-xl tw-transition-all tw-duration-300 tw-ease-out"
                 onClick={() => onDropClick(extendedDrop)}
               >
-                <div className="tw-w-full tw-max-w-full tw-relative">
-                  <div className="tw-h-[250px] min-[1200px]:tw-h-[18.75rem] tw-text-center tw-flex tw-items-center tw-justify-center">
-                    <div className="tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center">
-                      {drop.parts?.[0]?.media &&
-                      drop.parts[0].media.length > 0 ? (
-                        <MediaDisplay
-                          media_url={drop.parts[0].media[0].url}
-                          media_mime_type={drop.parts[0].media[0].mime_type}
-                          disableMediaInteraction={true}
-                        />
-                      ) : (
-                        <div className="tw-w-full tw-h-full tw-bg-iron-950 tw-rounded-lg tw-flex tw-items-center tw-justify-center tw-p-4">
-                          <p className="tw-text-iron-300 tw-text-sm tw-line-clamp-6 tw-text-center">
-                            {drop.parts?.[0]?.content || "No content"}
-                          </p>
-                        </div>
-                      )}
-                    </div>
-
-
-
-                    <div className="tw-absolute tw-top-3 tw-right-3 tw-opacity-0 desktop-hover:group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300">
-                      <div className="tw-w-8 tw-h-8 tw-bg-black/50 tw-backdrop-blur-sm tw-rounded-full tw-flex tw-items-center tw-justify-center">
-                        <FontAwesomeIcon
-                          icon={faEye}
-                          className="tw-w-3.5 tw-h-3.5 tw-text-white"
-                        />
+                <div className="tw-aspect-square tw-relative tw-overflow-hidden tw-bg-iron-950/50">
+                  <div className="tw-w-full tw-h-full tw-flex tw-items-center tw-justify-center">
+                    {drop.parts?.[0]?.media &&
+                    drop.parts[0].media.length > 0 ? (
+                      <MediaDisplay
+                        media_url={drop.parts[0].media[0].url}
+                        media_mime_type={drop.parts[0].media[0].mime_type}
+                        disableMediaInteraction={true}
+                      />
+                    ) : (
+                      <div className="tw-w-full tw-h-full tw-bg-iron-950 tw-rounded-lg tw-flex tw-items-center tw-justify-center tw-p-4">
+                        <p className="tw-text-iron-300 tw-text-sm tw-line-clamp-6 tw-text-center">
+                          {drop.parts?.[0]?.content || "No content"}
+                        </p>
                       </div>
+                    )}
+                  </div>
+                  <div className="tw-absolute tw-top-3 tw-right-3 tw-opacity-0 desktop-hover:group-hover:tw-opacity-100 tw-transition-opacity tw-duration-300">
+                    <div className="tw-w-8 tw-h-8 tw-bg-black/50 tw-backdrop-blur-sm tw-rounded-full tw-flex tw-items-center tw-justify-center">
+                      <FontAwesomeIcon
+                        icon={faEye}
+                        className="tw-w-3.5 tw-h-3.5 tw-text-white"
+                      />
                     </div>
                   </div>
                 </div>
 
                 {/* Content */}
-                <div className="tw-p-4 tw-flex tw-flex-col tw-flex-1 tw-justify-between">
-                  <div className="tw-flex-1">
-                    {drop.title && (
-                      <p className="tw-font-semibold tw-text-iron-100 tw-text-md tw-mb-2">
-                        {drop.title}
-                      </p>
-                    )}
+                <div className="tw-p-3 tw-border-t tw-border-solid tw-border-x-0 tw-border-b-0 tw-border-iron-800 tw-bg-iron-950/50 tw-flex tw-flex-col tw-flex-1 tw-justify-between">
+                  <div className="tw-flex tw-justify-between tw-items-start tw-mb-3">
+                    <div className="tw-min-w-0 tw-flex-1 tw-mr-2">
+                      {drop.title && (
+                        <p className="tw-mb-0 tw-text-sm tw-font-bold tw-text-iron-100 tw-truncate tw-leading-tight">
+                          {drop.title}
+                        </p>
+                      )}
+                    </div>
                   </div>
 
                   {/* Stats */}
                   <div className="tw-mb-3">
-                    <div className="tw-flex tw-items-center tw-justify-between tw-gap-2 tw-flex-wrap">
+                    <div className="tw-flex tw-items-center tw-gap-x-1.5 tw-flex-wrap">
                       <div className="tw-flex tw-items-center tw-gap-x-1.5 tw-text-sm">
                         <span className="tw-text-[#D4AF37] tw-font-medium">
                           {formatNumberWithCommas(drop.rating)}
                         </span>
-                        <div className="tw-text-sm tw-text-iron-500 tw-whitespace-nowrap">
-                          <span className="tw-font-medium">
-                            {drop.wave.voting_credit_type} total
-                          </span>
-                        </div>
                       </div>
+                      <div className="tw-text-sm tw-text-iron-500 tw-whitespace-nowrap">
+                        <span className="tw-font-medium">
+                          {drop.wave.voting_credit_type} total
+                        </span>
+                      </div>
+                    </div>
+                  </div>
 
-                      {/* Voter avatars on the right */}
-                      <div className="tw-flex tw-items-center tw-gap-x-2">
-                        <div className="tw-flex tw-items-center -tw-space-x-1.5">
-                          {drop.top_raters.slice(0, 3).map((voter) => (
-                            <div key={voter.profile.handle}>
-                              <Link href={`/${voter.profile.handle}`}>
-                                {voter.profile.pfp ? (
-                                  <img
-                                    className="tw-size-5 tw-rounded-md tw-object-contain tw-ring-2 tw-ring-iron-950"
-                                    src={voter.profile.pfp}
-                                    alt=""
-                                    data-tooltip-id={`winning-voter-${drop.id}-${voter.profile.handle}`}
-                                  />
-                                ) : (
-                                  <div
-                                    className="tw-size-5 tw-rounded-md tw-ring-2 tw-ring-iron-950 tw-bg-iron-800"
-                                    data-tooltip-id={`winning-voter-${drop.id}-${voter.profile.handle}`}
-                                  />
-                                )}
-                              </Link>
-                              <Tooltip
-                                id={`winning-voter-${drop.id}-${voter.profile.handle}`}
-                                style={{
-                                  backgroundColor: "#1F2937",
-                                  color: "white",
-                                  padding: "4px 8px",
-                                }}
-                              >
-                                {voter.profile.handle} -{" "}
-                                {formatNumberWithCommas(voter.rating)}
-                              </Tooltip>
-                            </div>
-                          ))}
+                  {/* Voters */}
+                  <div className="tw-flex tw-items-center tw-gap-2">
+                    <div className="tw-flex tw-items-center -tw-space-x-2">
+                      {drop.top_raters.slice(0, 3).map((voter) => (
+                        <div key={voter.profile.handle}>
+                          <Link href={`/${voter.profile.handle}`}>
+                            {voter.profile.pfp ? (
+                              <img
+                                className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
+                                src={voter.profile.pfp}
+                                alt="Voter avatar"
+                                data-tooltip-id={`winning-voter-${drop.id}-${voter.profile.handle}`}
+                              />
+                            ) : (
+                              <div
+                                className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800"
+                                data-tooltip-id={`winning-voter-${drop.id}-${voter.profile.handle}`}
+                              />
+                            )}
+                          </Link>
+                          <Tooltip
+                            id={`winning-voter-${drop.id}-${voter.profile.handle}`}
+                            style={{
+                              backgroundColor: "#1F2937",
+                              color: "white",
+                              padding: "4px 8px",
+                            }}
+                          >
+                            {voter.profile.handle} -{" "}
+                            {formatNumberWithCommas(voter.rating)}
+                          </Tooltip>
                         </div>
-                        <div className="tw-text-sm tw-text-iron-500 tw-whitespace-nowrap tw-font-medium">
-                          <span>
-                            {formatNumberWithCommas(drop.raters_count)} voters
-                          </span>
-                        </div>
-                      </div>
+                      ))}
                     </div>
+                    <span className="tw-text-white tw-font-bold tw-text-xs">
+                      {formatNumberWithCommas(drop.raters_count)}{" "}
+                      <span className="tw-text-iron-500 tw-font-normal">
+                        {drop.raters_count === 1 ? "voter" : "voters"}
+                      </span>
+                    </span>
                   </div>
 
                   {/* Decision time */}
-                  <div className="tw-flex tw-items-center tw-gap-2 tw-text-xs tw-text-iron-500 tw-mt-1">
+                  <div className="tw-flex tw-items-center tw-gap-2 tw-text-xs tw-text-iron-500 tw-mt-3">
                     {decisionTime ? (
                       <>
                         <FontAwesomeIcon
diff --git a/components/waves/drops/SubmissionPosition.tsx b/components/waves/drops/SubmissionPosition.tsx
index b956feb2ed..ee20f8d895 100644
--- a/components/waves/drops/SubmissionPosition.tsx
+++ b/components/waves/drops/SubmissionPosition.tsx
@@ -23,45 +23,33 @@ export const SubmissionPosition: React.FC<SubmissionPositionProps> = ({ drop })
     return "th";
   }
 
-  // Colors for each rank (matching SingleWaveDropPosition)
-  let accentColor = "";
-  let bgColor = "";
+  // Colors for each rank
+  let colorClasses = "";
   let rankText = "";
 
   switch (rank) {
     case 1:
-      accentColor = "#fbbf24"; // Gold
-      bgColor = "rgba(251,191,36,0.1)";
+      colorClasses = "tw-bg-yellow-500/10 tw-text-yellow-400 tw-border-yellow-500/20";
       rankText = "1st";
       break;
     case 2:
-      accentColor = "#CAD5E3"; // Silver
-      bgColor = "rgba(202, 213, 227,0.1)";
+      colorClasses = "tw-bg-iron-400/10 tw-text-iron-300 tw-border-iron-400/20";
       rankText = "2nd";
       break;
     case 3:
-      accentColor = "#CD7F32"; // Bronze
-      bgColor = "rgba(205,127,50,0.1)";
+      colorClasses = "tw-bg-amber-600/10 tw-text-amber-500 tw-border-amber-600/20";
       rankText = "3rd";
       break;
     default:
-      accentColor = "#93939F"; // iron-400
-      bgColor = "rgba(147,147,159,0.15)";
+      colorClasses = "tw-bg-iron-600/20 tw-text-iron-400 tw-border-iron-600/20";
       rankText = `${rank}${getOrdinalSuffix(rank)}`;
   }
 
   return (
     <div
-      className="tw-flex tw-items-center tw-rounded-md tw-font-medium tw-whitespace-nowrap tw-w-fit"
-      style={{
-        backgroundColor: bgColor,
-        color: accentColor,
-        border: `1px solid ${accentColor}40`,
-      }}>
-      <span className="tw-px-2 tw-py-0.5 tw-text-xs tw-flex tw-items-center">
-        <FontAwesomeIcon icon={faTrophy} className="tw-mr-1.5 tw-size-2.5" />
-        {rankText}
-      </span>
+      className={`tw-flex tw-items-center tw-gap-1 tw-px-2 tw-py-0.5 tw-rounded tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-border-solid tw-whitespace-nowrap tw-w-fit ${colorClasses}`}>
+      <FontAwesomeIcon icon={faTrophy} className="tw-size-2.5" />
+      {rankText}
     </div>
   );
 };
\ No newline at end of file
diff --git a/components/waves/drops/WaveDropActionsOpen.tsx b/components/waves/drops/WaveDropActionsOpen.tsx
index 28e2c8514d..7e52af1ecf 100644
--- a/components/waves/drops/WaveDropActionsOpen.tsx
+++ b/components/waves/drops/WaveDropActionsOpen.tsx
@@ -29,17 +29,17 @@ const WaveDropActionsOpen: React.FC<WaveDropActionsOpenProps> = ({ drop }) => {
   return (
     <>
       <button
-        className="tw-text-iron-400 tw-px-2 desktop-hover:hover:tw-text-iron-50 tw-h-full tw-group tw-bg-transparent tw-rounded-full tw-border-0 tw-flex tw-items-center tw-gap-x-2 tw-text-[0.8125rem] tw-leading-5 tw-font-medium tw-transition tw-ease-out tw-duration-300"
+        className="tw-text-iron-400 desktop-hover:hover:tw-text-white tw-cursor-pointer tw-transition-colors tw-bg-transparent tw-border-0 tw-p-0"
         onClick={() => onDropClick(drop)}
         aria-label="Open drop"
         data-tooltip-id={`open-${drop.id}`}>
         <svg
-          width="24"
-          height="24"
+          width="16"
+          height="16"
           viewBox="0 0 24 24"
           fill="none"
           aria-hidden="true"
-          className="tw-flex-shrink-0 tw-w-5 tw-h-5 tw-transition tw-ease-out tw-duration-300"
+          className="tw-w-4 tw-h-4"
           xmlns="http://www.w3.org/2000/svg">
           <path
             d="M21 9L21 3M21 3H15M21 3L13 11M10 5H7.8C6.11984 5 5.27976 5 4.63803 5.32698C4.07354 5.6146 3.6146 6.07354 3.32698 6.63803C3 7.27976 3 8.11984 3 9.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H14.2C15.8802 21 16.7202 21 17.362 20.673C17.9265 20.3854 18.3854 19.9265 18.673 19.362C19 18.7202 19 17.8802 19 16.2V14"
@@ -53,11 +53,18 @@ const WaveDropActionsOpen: React.FC<WaveDropActionsOpenProps> = ({ drop }) => {
       <Tooltip
         id={`open-${drop.id}`}
         place="top"
+        offset={8}
+        opacity={1}
         style={{
-          backgroundColor: "#1F2937",
-          color: "white",
           padding: "4px 8px",
-          zIndex: 10,
+          background: "#37373E",
+          color: "white",
+          fontSize: "13px",
+          fontWeight: 500,
+          borderRadius: "6px",
+          boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+          zIndex: 99999,
+          pointerEvents: "none",
         }}>
         <span className="tw-text-xs">Open</span>
       </Tooltip>
diff --git a/components/waves/drops/WaveDropActionsOptions.tsx b/components/waves/drops/WaveDropActionsOptions.tsx
index f2b3796810..62a68ef330 100644
--- a/components/waves/drops/WaveDropActionsOptions.tsx
+++ b/components/waves/drops/WaveDropActionsOptions.tsx
@@ -23,7 +23,7 @@ const WaveDropActionsOptions: React.FC<WaveDropActionsOptionsProps> = ({
           e.stopPropagation();
           setIsDeleteModalOpen(true);
         }}
-        className="tw-text-iron-500 icon tw-px-2 tw-h-full tw-group tw-bg-transparent tw-rounded-full tw-border-0 tw-flex tw-items-center tw-gap-x-2 tw-text-[0.8125rem] tw-leading-5 tw-font-medium tw-transition tw-ease-out tw-duration-300"
+        className="tw-text-iron-400 desktop-hover:hover:tw-text-rose-400 tw-cursor-pointer tw-transition-colors tw-bg-transparent tw-border-0 tw-p-0"
         aria-label="Delete drop"
         data-tooltip-id={`delete-${drop.id}`}>
         <svg
@@ -33,7 +33,7 @@ const WaveDropActionsOptions: React.FC<WaveDropActionsOptionsProps> = ({
           strokeWidth="1.5"
           aria-hidden="true"
           stroke="currentColor"
-          className="tw-flex-shrink-0 tw-w-5 tw-h-5 tw-transition tw-ease-out tw-duration-300">
+          className="tw-w-4 tw-h-4">
           <path
             strokeLinecap="round"
             strokeLinejoin="round"
@@ -44,11 +44,18 @@ const WaveDropActionsOptions: React.FC<WaveDropActionsOptionsProps> = ({
       <Tooltip
         id={`delete-${drop.id}`}
         place="top"
+        offset={8}
+        opacity={1}
         style={{
-          backgroundColor: "#1F2937",
-          color: "white",
           padding: "4px 8px",
-          zIndex: 10,
+          background: "#37373E",
+          color: "white",
+          fontSize: "13px",
+          fontWeight: 500,
+          borderRadius: "6px",
+          boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+          zIndex: 99999,
+          pointerEvents: "none",
         }}>
         <span className="tw-text-xs">Delete</span>
       </Tooltip>
diff --git a/components/waves/drops/WaveDropAuthorPfp.tsx b/components/waves/drops/WaveDropAuthorPfp.tsx
index 95bb0284ec..905bd12c40 100644
--- a/components/waves/drops/WaveDropAuthorPfp.tsx
+++ b/components/waves/drops/WaveDropAuthorPfp.tsx
@@ -29,14 +29,14 @@ const WaveDropAuthorPfp: React.FC<WaveDropAuthorPfpProps> = ({ drop }) => {
   const profileHref = authorHandle ? `/${authorHandle}` : null;
   const tooltipUser = authorHandle ?? drop.author.id;
 
-  const containerClasses = `tw-relative tw-flex-shrink-0 tw-h-10 tw-w-10 tw-rounded-lg tw-bg-iron-900 tw-overflow-hidden ${shadowClass}`;
+  const containerClasses = `tw-relative tw-flex-shrink-0 tw-h-12 tw-w-12 tw-rounded-lg tw-bg-iron-900 tw-overflow-hidden ${shadowClass}`;
 
   const avatarContent = resolvedPfp ? (
     <Image
       src={resolvedPfp}
       alt={authorHandle ? `${authorHandle}'s profile picture` : "Profile picture"}
       fill
-      sizes="40px"
+      sizes="48px"
       className="tw-object-contain tw-rounded-lg tw-bg-transparent"
     />
   ) : (
diff --git a/components/waves/drops/WaveDropQuote.tsx b/components/waves/drops/WaveDropQuote.tsx
index fdcd903b0f..aab0495828 100644
--- a/components/waves/drops/WaveDropQuote.tsx
+++ b/components/waves/drops/WaveDropQuote.tsx
@@ -144,7 +144,7 @@ const WaveDropQuote: React.FC<WaveDropQuoteProps> = ({
               {drop && waveHref && (
                 <Link
                   href={waveHref}
-                  className="tw-text-[11px] tw-leading-0 -tw-mt-1 tw-text-iron-500 hover:tw-text-iron-300 tw-transition tw_DURATION-300 tw-ease-out tw-no-underline">
+                  className="tw-text-[11px] tw-leading-0 -tw-mt-1 tw-text-iron-500 hover:tw-text-iron-300 tw-transition tw-duration-300 tw-ease-out tw-no-underline">
                   {drop.wave.name}
                 </Link>
               )}
diff --git a/components/waves/drops/WaveDropRatings.tsx b/components/waves/drops/WaveDropRatings.tsx
index cbdf1216a7..8b6f02027e 100644
--- a/components/waves/drops/WaveDropRatings.tsx
+++ b/components/waves/drops/WaveDropRatings.tsx
@@ -35,12 +35,12 @@ const WaveDropRatings: React.FC<WaveDropRatingsProps> = ({ drop }) => {
                     ImageScale.W_AUTO_H_50
                   )}
                   alt={`${rater.profile.handle}'s avatar`}
-                  className="tw-max-h-5 tw-max-w-5 tw-rounded-md tw-ring-black/50 tw-ring-1 tw-bg-iron-700"
+                  className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
                   data-tooltip-id={`rater-${rater.profile.id}`}
                 />
               ) : (
-                <div 
-                  className="tw-h-5 tw-w-5 tw-rounded-md tw-ring-1 tw-ring-black/50 tw-bg-iron-700" 
+                <div
+                  className="tw-w-6 tw-h-6 tw-rounded-lg tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800"
                   data-tooltip-id={`rater-${rater.profile.id}`}
                 />
               )}
@@ -57,9 +57,11 @@ const WaveDropRatings: React.FC<WaveDropRatingsProps> = ({ drop }) => {
             </div>
           ))}
         </div>
-        <span className="tw-text-iron-500 tw-text-xs tw-font-normal">
+        <span className="tw-text-white tw-font-bold tw-text-sm">
           {formatNumberWithCommas(drop.raters_count)}{" "}
-          {drop.raters_count === 1 ? "voter" : "voters"}
+          <span className="tw-text-iron-500 tw-font-normal">
+            {drop.raters_count === 1 ? "voter" : "voters"}
+          </span>
         </span>
       </div>
       <div className="tw-flex tw-items-center tw-justify-center tw-rounded-full tw-text-iron-500 tw-text-xs tw-font-normal">
diff --git a/components/waves/drops/participation/EndedParticipationDrop.tsx b/components/waves/drops/participation/EndedParticipationDrop.tsx
index 3d01986579..4892e51360 100644
--- a/components/waves/drops/participation/EndedParticipationDrop.tsx
+++ b/components/waves/drops/participation/EndedParticipationDrop.tsx
@@ -108,7 +108,7 @@ export default function EndedParticipationDrop({
           <WaveDropAuthorPfp drop={drop} />
 
           <div className="tw-flex tw-flex-col tw-w-full tw-gap-y-2">
-            <div className="tw-flex tw-items-center tw-gap-x-4">
+            <div className="tw-flex tw-flex-col tw-gap-y-2">
               <div className="tw-flex tw-items-center tw-gap-x-2">
                 <UserCICAndLevel
                   level={drop.author.level}
@@ -129,11 +129,11 @@ export default function EndedParticipationDrop({
 
                 <div className="tw-size-[3px] tw-bg-iron-600 tw-rounded-full tw-flex-shrink-0"></div>
 
-                <p className="tw-text-md tw-mb-0 tw-whitespace-nowrap tw-font-normal tw-leading-none tw-text-iron-500">
+                <p className="tw-text-xs tw-mb-0 tw-whitespace-nowrap tw-font-normal tw-leading-none tw-text-iron-500">
                   {getTimeAgoShort(drop.created_at)}
                 </p>
               </div>
-              <div className="tw-flex tw-items-center tw-rounded-md tw-font-medium tw-whitespace-nowrap -tw-mt-0.5 tw-px-2 tw-py-0.5 tw-bg-iron-600/10 tw-text-iron-500 tw-border tw-border-solid tw-border-iron-500/25">
+              <div className="tw-flex tw-items-center tw-rounded-md tw-font-medium tw-whitespace-nowrap tw-px-2 tw-py-0.5 tw-bg-iron-600/10 tw-text-iron-500 tw-border tw-border-solid tw-border-iron-500/25 tw-w-fit">
                 <span className="tw-text-xs">Participant</span>
               </div>
             </div>
diff --git a/components/waves/drops/time/WaveDropTime.tsx b/components/waves/drops/time/WaveDropTime.tsx
index 94bdedf2b7..ab96cf9018 100644
--- a/components/waves/drops/time/WaveDropTime.tsx
+++ b/components/waves/drops/time/WaveDropTime.tsx
@@ -82,7 +82,7 @@ const WaveDropTime: React.FC<WaveDropTimeProps> = ({ timestamp }) => {
   };
 
   return (
-    <p className="tw-text-xs tw-mb-0 tw-whitespace-nowrap tw-font-normal tw-leading-none tw-text-iron-500">
+    <p className="tw-text-xs tw-mb-0 tw-whitespace-nowrap tw-leading-none tw-text-iron-500">
       {formatTime()}
     </p>
   );
diff --git a/components/waves/drops/winner/DefaultWinnerDrop.tsx b/components/waves/drops/winner/DefaultWinnerDrop.tsx
index 10045a12f0..797288fedb 100644
--- a/components/waves/drops/winner/DefaultWinnerDrop.tsx
+++ b/components/waves/drops/winner/DefaultWinnerDrop.tsx
@@ -62,9 +62,9 @@ const getDropStyles = (
   }
 
   return {
-    boxShadow: `inset 1.5px 0 0 ${colors.borderColor}, 
-                inset 0 1px 0 ${colors.borderColor}20, 
-                inset -1.5px 0 0 ${colors.borderColor}20, 
+    boxShadow: `inset 1.5px 0 0 ${colors.borderColor}80,
+                inset 0 1px 0 ${colors.borderColor}20,
+                inset -1.5px 0 0 ${colors.borderColor}20,
                 inset 0 -1.5px 0 ${colors.borderColor}20`,
   };
 };
@@ -172,19 +172,17 @@ const DefaultWinnerDrop = ({
         <div className="tw-flex tw-gap-x-3 tw-w-full tw-text-left tw-bg-transparent tw-border-0 tw-relative tw-z-10">
           <WaveDropAuthorPfp drop={drop} />
           <div className="tw-flex tw-flex-col tw-w-full tw-gap-y-2">
-            <div className="tw-flex tw-flex-col tw-gap-1">
+            <div className="tw-flex tw-flex-col tw-items-start tw-gap-y-1">
               <WaveDropHeader
                 drop={drop}
                 showWaveInfo={false}
                 isStorm={isStorm}
                 currentPartIndex={activePartIndex}
                 partsCount={drop.parts.length}
-                badge={
-                  <WinnerDropBadge
-                    rank={effectiveRank}
-                    decisionTime={decisionTime ?? null}
-                  />
-                }
+              />
+              <WinnerDropBadge
+                rank={effectiveRank}
+                decisionTime={decisionTime ?? null}
               />
               {showWaveInfo && (() => {
                 const waveDetails =
diff --git a/components/waves/drops/winner/WinnerDropBadge.tsx b/components/waves/drops/winner/WinnerDropBadge.tsx
index 24d9921881..d697a2d493 100644
--- a/components/waves/drops/winner/WinnerDropBadge.tsx
+++ b/components/waves/drops/winner/WinnerDropBadge.tsx
@@ -57,59 +57,38 @@ const WinnerDropBadge: React.FC<WinnerDropBadgeProps> = ({
     : null;
 
   // Colors for each rank
-  let accentColor = "";
-  let bgColor = "";
+  let colorClasses = "";
   let rankText = "";
 
   switch (rankNumber) {
     case 1:
-      accentColor = "#fbbf24"; // amber-400 - Gold from ParticipationDrop
-      bgColor = "rgba(251,191,36,0.1)";
+      colorClasses = "tw-bg-yellow-500/10 tw-text-yellow-400 tw-border-yellow-500/20";
       rankText = "1st";
       break;
     case 2:
-      accentColor = "#CAD5E3"; // slate-400 - Silver from ParticipationDrop
-      bgColor = "rgba(202, 213, 227,0.1)";
+      colorClasses = "tw-bg-iron-400/10 tw-text-iron-300 tw-border-iron-400/20";
       rankText = "2nd";
       break;
     case 3:
-      accentColor = "#CD7F32"; // Bronze
-      bgColor = "rgba(205,127,50,0.1)";
+      colorClasses = "tw-bg-amber-600/10 tw-text-amber-500 tw-border-amber-600/20";
       rankText = "3rd";
       break;
     default:
-      accentColor = "#848490"; // iron-600 from Tailwind config
-      bgColor = "rgba(96,96,108,0.2)";
+      colorClasses = "tw-bg-iron-600/20 tw-text-iron-400 tw-border-iron-600/20";
       rankText = `${rankNumber}${getOrdinalSuffix(rankNumber)}`;
   }
 
   return (
     <div
-      className="tw-flex tw-items-center tw-rounded-md tw-font-medium tw-whitespace-nowrap"
-      style={{
-        backgroundColor: bgColor,
-        color: accentColor,
-        border: `1px solid ${accentColor}40`,
-      }}>
-      {/* Rank part */}
-      <span className="tw-px-2 tw-py-0.5 tw-text-xs tw-flex tw-items-center">
-        <FontAwesomeIcon icon={faTrophy} className="tw-mr-1.5 tw-size-2.5" />
-        {rankText}
-        {position > 1 && <span className="tw-ml-1">#{position}</span>}
-      </span>
+      className={`tw-flex tw-items-center tw-gap-1 tw-px-2 tw-py-0.5 tw-rounded tw-text-[10px] tw-font-bold tw-uppercase tw-tracking-wider tw-border tw-border-solid tw-whitespace-nowrap ${colorClasses}`}>
+      <FontAwesomeIcon icon={faTrophy} className="tw-size-2.5" />
+      {rankText}
+      {position > 1 && <span>#{position}</span>}
 
       {dateString && (
         <span className="tw-hidden md:tw-flex tw-items-center">
-          <div
-            style={{
-              backgroundColor: `${accentColor}70`,
-            }}
-            className="tw-size-[3px] tw-rounded-full"></div>
-          <span
-            className="tw-border-l tw-px-2 tw-py-0.5 tw-flex tw-items-center tw-text-xs"
-            style={{
-              borderColor: `${accentColor}40`,
-            }}>
+          <div className="tw-size-[3px] tw-rounded-full tw-bg-current tw-opacity-70"></div>
+          <span className="tw-border-l tw-border-current/40 tw-px-2 tw-flex tw-items-center">
             <FontAwesomeIcon icon={faClock} className="tw-mr-1.5 tw-size-2.5" />
             {dateString}
             {timeString && (
diff --git a/components/waves/leaderboard/header/WaveleaderboardHeader.tsx b/components/waves/leaderboard/header/WaveleaderboardHeader.tsx
index 689470f169..709cc66694 100644
--- a/components/waves/leaderboard/header/WaveleaderboardHeader.tsx
+++ b/components/waves/leaderboard/header/WaveleaderboardHeader.tsx
@@ -40,14 +40,14 @@ export const WaveLeaderboardHeader: React.FC<WaveLeaderboardHeaderProps> = ({
             <div className="tw-flex tw-items-center tw-gap-x-2">
               {/* Hide view toggle buttons on mobile (S breakpoint), show only on desktop (MD breakpoint) */}
               {breakpoint === "MD" && (
-                <div className="tw-flex tw-items-center tw-whitespace-nowrap tw-h-9 tw-px-1 tw-text-xs tw-border tw-border-iron-700 tw-border-solid tw-rounded-lg tw-overflow-hidden tw-bg-iron-950">
+                <div className="tw-flex tw-items-center tw-gap-2">
                     <>
                       <button
-                        className={`tw-w-8 tw-h-7 ${
+                        className={`tw-h-9 tw-w-9 tw-flex tw-items-center tw-justify-center tw-border tw-border-solid tw-rounded-lg tw-transition-colors ${
                           viewMode === "list"
-                            ? "tw-bg-iron-800 tw-text-iron-300 tw-font-medium"
-                            : "tw-text-iron-400 desktop-hover:hover:tw-text-iron-300 tw-bg-iron-950"
-                        } tw-rounded-md tw-border-0 tw-transition tw-duration-300 tw-ease-out tw-flex tw-items-center tw-justify-center`}
+                            ? "tw-bg-primary-600/20 tw-border-primary-500/50 tw-text-primary-400"
+                            : "tw-bg-iron-950 tw-border-white/10 tw-text-iron-300 desktop-hover:hover:tw-bg-white/10"
+                        }`}
                         onClick={() => onViewModeChange("list")}
                         data-tooltip-id={`list-view-${wave.id}`}
                       >
@@ -70,11 +70,18 @@ export const WaveLeaderboardHeader: React.FC<WaveLeaderboardHeaderProps> = ({
                       <Tooltip
                         id={`list-view-${wave.id}`}
                         place="top"
-                        delayShow={500}
+                        offset={8}
+                        opacity={1}
                         style={{
-                          backgroundColor: "#1F2937",
-                          color: "white",
                           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: 99999,
+                          pointerEvents: "none",
                         }}
                       >
                         List view
@@ -82,11 +89,11 @@ export const WaveLeaderboardHeader: React.FC<WaveLeaderboardHeaderProps> = ({
                     </>
                     <>
                       <button
-                        className={`tw-w-8 tw-h-7 ${
+                        className={`tw-h-9 tw-w-9 tw-flex tw-items-center tw-justify-center tw-border tw-border-solid tw-rounded-lg tw-transition-colors ${
                           viewMode === "grid"
-                            ? "tw-bg-iron-800 tw-text-iron-300 tw-font-medium"
-                            : "tw-text-iron-400 desktop-hover:hover:tw-text-iron-300 tw-bg-iron-950"
-                        } tw-rounded-md tw-border-0 tw-transition tw-duration-300 tw-ease-out tw-flex tw-items-center tw-justify-center`}
+                            ? "tw-bg-primary-600/20 tw-border-primary-500/50 tw-text-primary-400"
+                            : "tw-bg-iron-950 tw-border-white/10 tw-text-iron-300 desktop-hover:hover:tw-bg-white/10"
+                        }`}
                         onClick={() => onViewModeChange("grid")}
                         data-tooltip-id={`grid-view-${wave.id}`}
                       >
@@ -109,11 +116,18 @@ export const WaveLeaderboardHeader: React.FC<WaveLeaderboardHeaderProps> = ({
                       <Tooltip
                         id={`grid-view-${wave.id}`}
                         place="top"
-                        delayShow={500}
+                        offset={8}
+                        opacity={1}
                         style={{
-                          backgroundColor: "#1F2937",
-                          color: "white",
                           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: 99999,
+                          pointerEvents: "none",
                         }}
                       >
                         Grid view
diff --git a/components/waves/leaderboard/header/WaveleaderboardSort.tsx b/components/waves/leaderboard/header/WaveleaderboardSort.tsx
index 2d94978882..a0cc79007a 100644
--- a/components/waves/leaderboard/header/WaveleaderboardSort.tsx
+++ b/components/waves/leaderboard/header/WaveleaderboardSort.tsx
@@ -99,19 +99,19 @@ export const WaveleaderboardSort: React.FC<WaveleaderboardSortProps> = ({
   
   const getButtonClassName = (buttonSort: WaveDropsLeaderboardSort) => {
     const baseClass =
-      "tw-px-2.5 tw-py-1.5 tw-border-0 tw-rounded-md tw-transition tw-duration-300 tw-ease-out";
+      "tw-px-4 tw-py-1.5 tw-text-xs tw-font-medium tw-border-0 tw-rounded-md tw-transition-colors";
 
     if (sort === buttonSort) {
-      return `${baseClass} tw-bg-iron-800 tw-text-iron-50 tw-font-medium`;
+      return `${baseClass} tw-bg-white/10 tw-text-white tw-shadow-sm`;
     }
 
-    return `${baseClass} tw-text-iron-400 desktop-hover:hover:tw-text-iron-300 tw-bg-iron-950`;
+    return `${baseClass} tw-bg-transparent tw-text-iron-500 desktop-hover:hover:tw-text-iron-300`;
   };
 
   return (
     <div
       id="tabsId"
-      className="tw-flex tw-items-center tw-whitespace-nowrap tw-h-9 tw-px-1 tw-text-xs tw-border tw-border-iron-700 tw-border-solid tw-rounded-lg tw-overflow-hidden tw-bg-iron-950"
+      className="tw-flex tw-bg-iron-950 tw-p-1 tw-rounded-lg tw-border tw-border-solid tw-border-white/10"
     >
       <button
         className={getButtonClassName(WaveDropsLeaderboardSort.RANK)}
diff --git a/components/waves/winners/drops/DefaultWaveWinnerDrop.tsx b/components/waves/winners/drops/DefaultWaveWinnerDrop.tsx
index ae39fffcd3..2b5035abb0 100644
--- a/components/waves/winners/drops/DefaultWaveWinnerDrop.tsx
+++ b/components/waves/winners/drops/DefaultWaveWinnerDrop.tsx
@@ -25,17 +25,17 @@ interface DefaultWaveWinnersDropProps {
 
 const getRankShadowClass = (place: number | null): string => {
   if (!place)
-    return "tw-shadow-[inset_1px_0_0_#60606C,inset_0_1px_0_rgba(96,96,108,0.2),inset_-1px_0_0_rgba(96,96,108,0.2),inset_0_-1px_0_rgba(96,96,108,0.2)]";
+    return "tw-shadow-[inset_1px_0_0_rgba(96,96,108,0.5),inset_0_1px_0_rgba(96,96,108,0.2),inset_-1px_0_0_rgba(96,96,108,0.2),inset_0_-1px_0_rgba(96,96,108,0.2)]";
 
   switch (place) {
     case 1:
-      return "tw-shadow-[inset_1px_0_0_#fbbf24,inset_0_1px_0_rgba(251,191,36,0.2),inset_-1px_0_0_rgba(251,191,36,0.2),inset_0_-1px_0_rgba(251,191,36,0.2)]";
+      return "tw-shadow-[inset_1px_0_0_rgba(251,191,36,0.5),inset_0_1px_0_rgba(251,191,36,0.2),inset_-1px_0_0_rgba(251,191,36,0.2),inset_0_-1px_0_rgba(251,191,36,0.2)]";
     case 2:
-      return "tw-shadow-[inset_1px_0_0_#94a3b8,inset_0_1px_0_rgba(148,163,184,0.2),inset_-1px_0_0_rgba(148,163,184,0.2),inset_0_-1px_0_rgba(148,163,184,0.2)]";
+      return "tw-shadow-[inset_1px_0_0_rgba(148,163,184,0.5),inset_0_1px_0_rgba(148,163,184,0.2),inset_-1px_0_0_rgba(148,163,184,0.2),inset_0_-1px_0_rgba(148,163,184,0.2)]";
     case 3:
-      return "tw-shadow-[inset_1px_0_0_#CD7F32,inset_0_1px_0_rgba(205,127,50,0.2),inset_-1px_0_0_rgba(205,127,50,0.2),inset_0_-1px_0_rgba(205,127,50,0.2)]";
+      return "tw-shadow-[inset_1px_0_0_rgba(205,127,50,0.5),inset_0_1px_0_rgba(205,127,50,0.2),inset_-1px_0_0_rgba(205,127,50,0.2),inset_0_-1px_0_rgba(205,127,50,0.2)]";
     default:
-      return "tw-shadow-[inset_1px_0_0_#60606C,inset_0_1px_0_rgba(96,96,108,0.2),inset_-1px_0_0_rgba(96,96,108,0.2),inset_0_-1px_0_rgba(96,96,108,0.2)]";
+      return "tw-shadow-[inset_1px_0_0_rgba(96,96,108,0.5),inset_0_1px_0_rgba(96,96,108,0.2),inset_-1px_0_0_rgba(96,96,108,0.2),inset_0_-1px_0_rgba(96,96,108,0.2)]";
   }
 };
 
@@ -88,7 +88,7 @@ export const DefaultWaveWinnersDrop: React.FC<DefaultWaveWinnersDropProps> = ({
             </div>
           )}
         </div>
-        <div className="tw-mt-3 tw-ml-[3.25rem]">
+        <div className="tw-mt-3 tw-ml-[3.75rem]">
           <div className="tw-flex tw-flex-col tw-gap-y-2">
             <div className="tw-flex tw-items-center tw-flex-wrap tw-gap-x-4 tw-gap-y-2">
               <div className="tw-flex tw-flex-whitespace-nowrap tw-gap-x-4 tw-items-center">
diff --git a/components/waves/winners/drops/MemesWaveWinnerDrop.tsx b/components/waves/winners/drops/MemesWaveWinnerDrop.tsx
index fb97cbdc3e..9186baef79 100644
--- a/components/waves/winners/drops/MemesWaveWinnerDrop.tsx
+++ b/components/waves/winners/drops/MemesWaveWinnerDrop.tsx
@@ -15,8 +15,6 @@ import UserCICAndLevel, {
 } from "@/components/user/utils/UserCICAndLevel";
 import { cicToType, formatNumberWithCommas } from "@/helpers/Helpers";
 import { Tooltip } from "react-tooltip";
-import { faTrophy } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import MemeDropTraits from "@/components/memes/drops/MemeDropTraits";
 import DropListItemContentMedia from "@/components/drops/view/item/content/media/DropListItemContentMedia";
 import useDeviceInfo from "@/hooks/useDeviceInfo";
@@ -26,6 +24,7 @@ import CommonDropdownItemsMobileWrapper from "@/components/utils/select/dropdown
 import WaveDropMobileMenuOpen from "@/components/waves/drops/WaveDropMobileMenuOpen";
 import WaveDropTime from "@/components/waves/drops/time/WaveDropTime";
 import UserProfileTooltipWrapper from "@/components/utils/tooltip/UserProfileTooltipWrapper";
+import WinnerDropBadge from "@/components/waves/drops/winner/WinnerDropBadge";
 
 interface MemesWaveWinnersDropProps {
   readonly winner: ApiWaveDecisionWinner;
@@ -46,8 +45,6 @@ export const MemesWaveWinnersDrop: React.FC<MemesWaveWinnersDropProps> = ({
     hasTouchScreen,
   });
 
-  // Mobile detection is now handled by the WaveDropTime component
-
   const title =
     winner.drop.metadata?.find((m) => m.data_key === "title")?.data_value ||
     "Artwork Title";
@@ -78,88 +75,89 @@ export const MemesWaveWinnersDrop: React.FC<MemesWaveWinnersDropProps> = ({
       onClick={() => onDropClick(extendedDrop)}
       className="touch-select-none tw-cursor-pointer tw-rounded-xl tw-transition-all tw-duration-300 tw-ease-out tw-w-full"
     >
-      <div className="tw-rounded-xl tw-border tw-border-solid tw-border-iron-800 desktop-hover:hover:tw-border-[#fbbf24]/40 tw-shadow-[0_0_15px_rgba(251,191,36,0.15)] tw-transition-all tw-duration-200 tw-ease-out tw-overflow-hidden tw-bg-iron-950">
+      <div className="tw-rounded-xl tw-border tw-border-solid tw-border-iron-800 desktop-hover:hover:tw-border-[#fbbf24]/20 tw-shadow-[0_0_15px_rgba(251,191,36,0.08)] tw-transition-all tw-duration-200 tw-ease-out tw-overflow-hidden tw-bg-iron-950">
         <div className="tw-flex tw-flex-col" {...touchHandlers}>
-          <div className="tw-p-4">
-            <div className="tw-flex tw-flex-col tw-gap-y-1.5">
-              <div className="tw-flex tw-items-center tw-justify-between">
-                <div className="tw-flex tw-items-center tw-gap-x-3">
-                  <Link
-                    href={`/${winner.drop.author?.handle ?? winner.drop.author?.id}`}
-                    onClick={(e) => e.stopPropagation()}
-                    scroll={false}
-                    className="tw-flex tw-items-center tw-gap-x-2 tw-no-underline group"
-                  >
-                    <WaveWinnersDropHeaderAuthorPfp winner={winner} />
-                  </Link>
-                  <div className="tw-flex tw-items-center tw-gap-x-4">
-                    <div className="tw-flex tw-items-center tw-gap-x-2">
-                      {winner.drop.author?.level && (
-                        <UserCICAndLevel
-                          level={winner.drop.author.level}
-                          cicType={cicToType(winner.drop.author.cic || 0)}
-                          size={UserCICAndLevelSize.SMALL}
-                        />
-                      )}
-                      {winner.drop.author?.handle ? (
-                        <UserProfileTooltipWrapper user={winner.drop.author.handle ?? winner.drop.author.id}>
-                          <Link
-                            href={`/${winner.drop.author?.handle ?? winner.drop.author?.id}`}
-                            onClick={(e) => e.stopPropagation()}
-                            scroll={false}
-                            className="tw-no-underline desktop-hover:hover:tw-underline desktop-hover:hover:tw-opacity-80 tw-transition-opacity"
-                          >
-                            <span className="tw-text-md tw-mb-0 tw-leading-none tw-font-semibold tw-text-iron-100">
-                              {winner.drop.author?.handle}
-                            </span>
-                          </Link>
-                        </UserProfileTooltipWrapper>
-                      ) : (
+          {/* Header section with border */}
+          <div className="tw-p-4 tw-pb-3 tw-border-b tw-border-solid tw-border-x-0 tw-border-t-0 tw-border-white/5 tw-bg-iron-900/30">
+            <div className="tw-flex tw-items-start tw-justify-between tw-gap-4">
+              <div className="tw-flex tw-gap-x-3">
+                <WaveWinnersDropHeaderAuthorPfp winner={winner} />
+                <div className="tw-flex tw-flex-col tw-justify-between tw-h-12">
+                  {/* Top row: Handle + Timestamp */}
+                  <div className="tw-flex tw-items-center tw-gap-x-2 tw-flex-wrap -tw-mt-0.5">
+                    {winner.drop.author?.level && (
+                      <UserCICAndLevel
+                        level={winner.drop.author.level}
+                        cicType={cicToType(winner.drop.author.cic || 0)}
+                        size={UserCICAndLevelSize.SMALL}
+                      />
+                    )}
+                    {winner.drop.author?.handle ? (
+                      <UserProfileTooltipWrapper user={winner.drop.author.handle ?? winner.drop.author.id}>
                         <Link
                           href={`/${winner.drop.author?.handle ?? winner.drop.author?.id}`}
                           onClick={(e) => e.stopPropagation()}
                           scroll={false}
-                          className="tw-no-underline desktop-hover:hover:tw-underline desktop-hover:hover:tw-opacity-80 tw-transition-opacity"
+                          className="tw-no-underline desktop-hover:hover:tw-underline"
                         >
-                          <span className="tw-text-md tw-mb-0 tw-leading-none tw-font-semibold tw-text-iron-100">
+                          <span className="tw-text-sm tw-font-bold tw-text-white">
                             {winner.drop.author?.handle}
                           </span>
                         </Link>
-                      )}
+                      </UserProfileTooltipWrapper>
+                    ) : (
+                      <Link
+                        href={`/${winner.drop.author?.handle ?? winner.drop.author?.id}`}
+                        onClick={(e) => e.stopPropagation()}
+                        scroll={false}
+                        className="tw-no-underline desktop-hover:hover:tw-underline"
+                      >
+                        <span className="tw-text-sm tw-font-bold tw-text-white">
+                          {winner.drop.author?.handle ?? winner.drop.author?.id}
+                        </span>
+                      </Link>
+                    )}
+
+                    <span className="tw-text-sm tw-text-iron-500">•</span>
 
-                      <div className="tw-size-[3px] tw-bg-iron-600 tw-rounded-full tw-flex-shrink-0"></div>
-                      
-                      <WaveDropTime timestamp={winner.drop.created_at} />
-                    </div>
+                    <WaveDropTime timestamp={winner.drop.created_at} />
                   </div>
-                  <div className="tw-flex tw-items-center tw-rounded-md tw-font-medium tw-whitespace-nowrap tw-bg-[rgba(251,191,36,0.1)] tw-px-2 tw-py-1 tw-border tw-border-solid tw-border-[#fbbf24]/20">
-                    <FontAwesomeIcon
-                      icon={faTrophy}
-                      className="tw-flex-shrink-0 tw-size-3 tw-text-[#fbbf24]"
+
+                  {/* Bottom row: Winner badge */}
+                  <div className="tw-flex tw-items-center tw-gap-x-2">
+                    <WinnerDropBadge
+                      rank={winner.place}
+                      decisionTime={null}
                     />
                   </div>
                 </div>
+              </div>
 
-                {/* Show open icon when not a touch device */}
-                {!hasTouchScreen && (
-                  <div className="tw-flex tw-items-center">
-                    <div className="tw-h-8">
-                      <WaveDropActionsOpen drop={extendedDrop} />
-                    </div>
+              {/* Show open icon when not a touch device */}
+              {!hasTouchScreen && (
+                <div className="tw-flex tw-items-start tw-flex-shrink-0">
+                  <div className="tw-h-8">
+                    <WaveDropActionsOpen drop={extendedDrop} />
                   </div>
-                )}
-              </div>
-              <div className="tw-mt-1 sm:tw-mt-0 sm:tw-ml-[3.25rem]">
-                <h3 className="tw-text-base sm:tw-text-lg tw-font-semibold tw-text-iron-100 tw-mb-0">
-                  {title}
-                </h3>
-                <div className="tw-text-sm tw-text-iron-400">{description}</div>
-              </div>
+                </div>
+              )}
+            </div>
+          </div>
+
+          {/* Title and Description */}
+          <div className="tw-px-4 tw-pt-4 tw-pb-4">
+            <div className="tw-space-y-1">
+              <h3 className="tw-text-base tw-font-semibold tw-text-iron-100 tw-mb-0">
+                {title}
+              </h3>
+              <p className="tw-text-sm tw-text-iron-400 tw-mb-0 tw-line-clamp-2">
+                {description}
+              </p>
             </div>
           </div>
 
           {artworkMedia && (
-            <div className="tw-flex tw-justify-center tw-bg-iron-900/40 tw-h-96">
+            <div className="tw-flex tw-justify-center tw-bg-iron-950 tw-h-96">
               <DropListItemContentMedia
                 media_mime_type={artworkMedia.mime_type}
                 media_url={artworkMedia.url}
@@ -168,87 +166,88 @@ export const MemesWaveWinnersDrop: React.FC<MemesWaveWinnersDropProps> = ({
             </div>
           )}
 
-          <MemeDropTraits drop={winner.drop} />
-
-          <div className="tw-flex tw-items-center tw-flex-wrap tw-gap-x-6 tw-gap-y-2 tw-px-4 tw-pt-4 lg:tw-pt-0 tw-pb-4">
-            <div className="tw-flex tw-items-center tw-gap-x-1.5">
-              <span
-                className={`tw-text-sm tw-font-semibold ${
-                  isPositive ? "tw-text-emerald-500" : "tw-text-rose-500"
-                } `}
-              >
-                {formatNumberWithCommas(rating)}
-              </span>
-              <span className="tw-text-sm tw-text-iron-400">{creditType}</span>
-            </div>
+          {/* Footer Section: Traits + Vote Summary */}
+          <div className="tw-p-4 tw-mt-4 tw-border-t tw-border-solid tw-border-x-0 tw-border-b-0 tw-border-white/5 tw-bg-iron-900/30 tw-space-y-4">
+            <MemeDropTraits drop={winner.drop} />
 
-            <div className="tw-flex tw-items-center tw-gap-x-2">
-              <div className="tw-flex tw-items-center -tw-space-x-1.5">
-                {topVoters.map((voter) => (
-                  <React.Fragment key={voter.profile.handle}>
-                    <Link
-                      href={`/${voter.profile.handle ?? voter.profile.id}`}
-                      onClick={(e) => e.stopPropagation()}
-                      scroll={false}
-                      className="tw-transition-transform desktop-hover:hover:tw-translate-y-[-2px]"
-                      data-tooltip-id={`voter-${voter.profile.handle}-${voter.rating}`}
-                    >
-                      {voter.profile.pfp ? (
-                        <img
-                          className="tw-size-6 tw-rounded-md tw-ring-2 tw-ring-black tw-object-contain tw-bg-iron-800"
-                          src={voter.profile.pfp}
-                          alt="Recent voter"
-                        />
-                      ) : (
-                        <div className="tw-size-6 tw-rounded-md tw-ring-2 tw-ring-black tw-object-contain tw-bg-iron-800" />
-                      )}
-                    </Link>
-                    <Tooltip
-                      id={`voter-${voter.profile.handle}-${voter.rating}`}
-                      style={{
-                        backgroundColor: "#1F2937",
-                        color: "white",
-                        padding: "4px 8px",
-                      }}
-                    >
-                      {voter.profile.handle} - {formatNumberWithCommas(voter.rating)}
-                    </Tooltip>
-                  </React.Fragment>
-                ))}
-              </div>
-              <div className="tw-flex tw-items-baseline tw-gap-x-1">
-                <span className="tw-text-sm tw-font-medium tw-text-iron-50">
-                  {formatNumberWithCommas(ratersCount)}
-                </span>
-                <span className="tw-text-sm tw-text-iron-400">
-                  {ratersCount === 1 ? "voter" : "voters"}
+            <div className="tw-flex tw-items-center tw-flex-wrap tw-gap-x-4 tw-gap-y-2">
+              <div className="tw-flex tw-items-center tw-gap-x-1.5">
+                <span
+                  className={`tw-text-sm tw-font-bold ${
+                    isPositive ? "tw-text-emerald-500" : "tw-text-rose-500"
+                  }`}
+                >
+                  {formatNumberWithCommas(rating)}
                 </span>
+                <span className="tw-text-sm tw-text-iron-500">{creditType} total</span>
               </div>
-            </div>
 
-            {/* User's vote */}
-            {hasUserVoted && (
-              <div className="tw-flex tw-items-center tw-gap-x-1.5">
-                <div className="tw-flex tw-items-baseline tw-gap-x-1">
-                  <span className="tw-text-sm tw-font-normal tw-text-iron-400">
-                    Your vote:
+              <div className="tw-flex tw-items-center tw-gap-2">
+                <div className="tw-flex tw-items-center -tw-space-x-2">
+                  {topVoters.map((voter) => (
+                    <React.Fragment key={voter.profile.handle}>
+                      <Link
+                        href={`/${voter.profile.handle ?? voter.profile.id}`}
+                        onClick={(e) => e.stopPropagation()}
+                        scroll={false}
+                        className="tw-transition-transform desktop-hover:hover:tw-translate-y-[-2px]"
+                        data-tooltip-id={`voter-${voter.profile.handle}-${voter.rating}`}
+                      >
+                        {voter.profile.pfp ? (
+                          <img
+                            className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
+                            src={voter.profile.pfp}
+                            alt="Recent voter"
+                          />
+                        ) : (
+                          <div className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800" />
+                        )}
+                      </Link>
+                      <Tooltip
+                        id={`voter-${voter.profile.handle}-${voter.rating}`}
+                        style={{
+                          backgroundColor: "#1F2937",
+                          color: "white",
+                          padding: "4px 8px",
+                        }}
+                      >
+                        {voter.profile.handle} - {formatNumberWithCommas(voter.rating)}
+                      </Tooltip>
+                    </React.Fragment>
+                  ))}
+                </div>
+                <span className="tw-text-white tw-font-bold tw-text-sm">
+                  {formatNumberWithCommas(ratersCount)}{" "}
+                  <span className="tw-text-iron-500 tw-font-normal">
+                    {ratersCount === 1 ? "voter" : "voters"}
                   </span>
-                  <span
-                    className={`tw-text-sm tw-font-semibold ${
-                      isUserVoteNegative
-                        ? "tw-text-rose-500"
-                        : "tw-text-emerald-500"
-                    }`}
-                  >
-                    {isUserVoteNegative && "-"}
-                    {formatNumberWithCommas(Math.abs(userVote))}{" "}
-                    <span className="tw-text-iron-400 tw-font-normal">
-                      {creditType}
+                </span>
+              </div>
+
+              {/* User's vote */}
+              {hasUserVoted && (
+                <div className="tw-flex tw-items-center tw-gap-x-1.5">
+                  <div className="tw-flex tw-items-baseline tw-gap-x-1">
+                    <span className="tw-text-sm tw-font-normal tw-text-iron-400">
+                      Your vote:
                     </span>
-                  </span>
+                    <span
+                      className={`tw-text-sm tw-font-semibold ${
+                        isUserVoteNegative
+                          ? "tw-text-rose-500"
+                          : "tw-text-emerald-500"
+                      }`}
+                    >
+                      {isUserVoteNegative && "-"}
+                      {formatNumberWithCommas(Math.abs(userVote))}{" "}
+                      <span className="tw-text-iron-400 tw-font-normal">
+                        {creditType}
+                      </span>
+                    </span>
+                  </div>
                 </div>
-              </div>
-            )}
+              )}
+            </div>
           </div>
 
           {/* Touch slide-up menu */}
diff --git a/components/waves/winners/drops/header/WaveWinnersDropHeader.tsx b/components/waves/winners/drops/header/WaveWinnersDropHeader.tsx
index 9e4f7e8e0e..f225768f67 100644
--- a/components/waves/winners/drops/header/WaveWinnersDropHeader.tsx
+++ b/components/waves/winners/drops/header/WaveWinnersDropHeader.tsx
@@ -20,19 +20,17 @@ export const WaveWinnersDropHeader: React.FC<WaveWinnersDropHeaderProps> = ({
       onClick={(e) => e.stopPropagation()}
       className="tw-flex tw-flex-wrap xl:tw-flex-nowrap tw-gap-y-2 tw-justify-between tw-w-full"
     >
-      <div className="tw-flex tw-items-center tw-gap-x-2 tw-w-full xl:tw-w-auto">
+      <div className="tw-flex tw-flex-col tw-items-start tw-gap-y-2.5 tw-w-full xl:tw-w-auto">
         <div className="tw-flex tw-items-center tw-gap-x-2">
           <WaveWinnersDropHeaderAuthorHandle winner={winner} />
           <div className="tw-size-[3px] tw-bg-iron-600 tw-rounded-full tw-flex-shrink-0"></div>
           <WaveDropTime timestamp={winner.drop.created_at} />
         </div>
 
-        <div className="tw-ml-2">
-          <WinnerDropBadge
-            rank={winner.place}
-            decisionTime={winner.drop.winning_context?.decision_time || null}
-          />
-        </div>
+        <WinnerDropBadge
+          rank={winner.place}
+          decisionTime={winner.drop.winning_context?.decision_time || null}
+        />
       </div>
 
       {showVotingInfo && (
diff --git a/components/waves/winners/drops/header/WaveWinnersDropHeaderAuthorPfp.tsx b/components/waves/winners/drops/header/WaveWinnersDropHeaderAuthorPfp.tsx
index 9f8d663827..d210e4f1b3 100644
--- a/components/waves/winners/drops/header/WaveWinnersDropHeaderAuthorPfp.tsx
+++ b/components/waves/winners/drops/header/WaveWinnersDropHeaderAuthorPfp.tsx
@@ -9,7 +9,7 @@ export default function WaveWinnersDropHeaderAuthorPfp({
   winner,
 }: WaveWinnersDropHeaderAuthorPfpProps) {
   return (
-    <div className="tw-h-10 tw-w-10 tw-bg-iron-900 tw-relative tw-flex-shrink-0 tw-rounded-lg">
+    <div className="tw-h-12 tw-w-12 tw-bg-iron-900 tw-relative tw-flex-shrink-0 tw-rounded-lg">
       {winner.drop.author.pfp ? (
         <div className="tw-rounded-lg tw-h-full tw-w-full">
           <div className="tw-h-full tw-w-full tw-max-w-full tw-rounded-lg tw-overflow-hidden tw-bg-iron-900 tw-ring-1 tw-ring-white/10">
diff --git a/components/waves/winners/drops/header/WaveWinnersDropHeaderTotalVotes.tsx b/components/waves/winners/drops/header/WaveWinnersDropHeaderTotalVotes.tsx
index 2b30b7f24f..68a1a90818 100644
--- a/components/waves/winners/drops/header/WaveWinnersDropHeaderTotalVotes.tsx
+++ b/components/waves/winners/drops/header/WaveWinnersDropHeaderTotalVotes.tsx
@@ -29,11 +29,11 @@ export default function WaveWinnersDropHeaderTotalVotes({
   const style = getVoteStyle(winner.place, winner.drop.rating);
 
   return (
-    <div className="tw-flex tw-items-baseline tw-gap-x-1">
-      <span className={`tw-font-semibold tw-text-sm ${style}`}>
+    <div className="tw-flex tw-items-baseline tw-gap-x-2">
+      <span className={`tw-font-bold tw-text-sm ${style}`}>
         {formatNumberWithCommas(winner.drop.rating)}
       </span>
-      <span className="tw-text-iron-400 tw-text-sm">
+      <span className="tw-text-sm tw-text-iron-500 tw-whitespace-nowrap">
         {winner.drop.wave.voting_credit_type} total
       </span>
     </div>
diff --git a/components/waves/winners/drops/header/WaveWinnersDropHeaderVoter.tsx b/components/waves/winners/drops/header/WaveWinnersDropHeaderVoter.tsx
index 888ba05933..450e99fe38 100644
--- a/components/waves/winners/drops/header/WaveWinnersDropHeaderVoter.tsx
+++ b/components/waves/winners/drops/header/WaveWinnersDropHeaderVoter.tsx
@@ -31,10 +31,10 @@ export default function WaveWinnersDropHeaderVoter({
             <img
               src={getScaledImageUri(voter.profile.pfp, ImageScale.W_AUTO_H_50)}
               alt={`${voter.profile.handle}'s Profile`}
-              className={`tw-h-5 tw-w-5 tw-rounded-md tw-ring-1 tw-ring-black tw-bg-iron-800 tw-object-contain`}
+              className="tw-w-6 tw-h-6 tw-rounded-md tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800 tw-object-contain"
             />
           ) : (
-            <div className="tw-h-5 tw-w-5 tw-rounded-md tw-ring-1 tw-ring-black tw-bg-iron-800 tw-object-contain"></div>
+            <div className="tw-w-6 tw-h-6 tw-rounded-lg tw-border-2 tw-border-solid tw-border-[#111] tw-bg-iron-800"></div>
           )}
         </Link>
       </div>
diff --git a/components/waves/winners/drops/header/WaveWinnersDropHeaderVoters.tsx b/components/waves/winners/drops/header/WaveWinnersDropHeaderVoters.tsx
index 5831dc9fc1..2707456636 100644
--- a/components/waves/winners/drops/header/WaveWinnersDropHeaderVoters.tsx
+++ b/components/waves/winners/drops/header/WaveWinnersDropHeaderVoters.tsx
@@ -38,22 +38,24 @@ export default function WaveWinnersDropHeaderVoters({
 
   return (
     <div className="tw-flex tw-items-center tw-gap-x-3">
-      <div className="tw-flex -tw-space-x-1.5 tw-items-center">
-        {winner.drop.top_raters.map((voter, index) => (
-          <WaveWinnersDropHeaderVoter
-            voter={voter}
-            winner={winner}
-            index={index}
-            key={voter.profile.handle}
-          />
-        ))}
-      </div>
-      <span className="tw-text-sm tw-text-iron-400">
-        <span className="tw-font-semibold">
+      <div className="tw-flex tw-items-center tw-gap-2">
+        <div className="tw-flex tw-items-center -tw-space-x-2">
+          {winner.drop.top_raters.map((voter, index) => (
+            <WaveWinnersDropHeaderVoter
+              voter={voter}
+              winner={winner}
+              index={index}
+              key={voter.profile.handle}
+            />
+          ))}
+        </div>
+        <span className="tw-text-white tw-font-bold tw-text-sm">
           {formatNumberWithCommas(winner.drop.raters_count)}{" "}
+          <span className="tw-text-iron-500 tw-font-normal">
+            {winner.drop.raters_count === 1 ? "voter" : "voters"}
+          </span>
         </span>
-        {winner.drop.raters_count === 1 ? "voter" : "voters"}
-      </span>
+      </div>
 
       {hasUserVoted && (
         <div className="tw-flex tw-items-center tw-gap-1">
diff --git a/components/waves/winners/drops/header/WaveWinnersDropOutcome.tsx b/components/waves/winners/drops/header/WaveWinnersDropOutcome.tsx
index 9577f337a2..745df6576f 100644
--- a/components/waves/winners/drops/header/WaveWinnersDropOutcome.tsx
+++ b/components/waves/winners/drops/header/WaveWinnersDropOutcome.tsx
@@ -61,7 +61,7 @@ export default function WaveWinnersDropOutcome({
 
   return (
     <div className="tw-flex tw-items-start tw-gap-2">
-      <span className="tw-text-iron-400 tw-text-sm tw-font-normal">
+      <span className="tw-text-iron-500 tw-text-sm tw-font-medium">
         Outcome:
       </span>
       <div className="tw-flex tw-flex-wrap tw-gap-1.5">