diff --git a/components/memes/drops/MemesLeaderboardDrop.tsx b/components/memes/drops/MemesLeaderboardDrop.tsx
index 9f3b584f14..7a4dda49f2 100644
--- a/components/memes/drops/MemesLeaderboardDrop.tsx
+++ b/components/memes/drops/MemesLeaderboardDrop.tsx
@@ -18,6 +18,7 @@ import useIsMobileScreen from "@/hooks/isMobileScreen";
 import useDeviceInfo from "@/hooks/useDeviceInfo";
 import useLongPressInteraction from "@/hooks/useLongPressInteraction";
 import { useMediaQuery } from "@/hooks/useMediaQuery";
+import { startDropOpen } from "@/utils/monitoring/dropOpenTiming";
 import Link from "next/link";
 import React, { useState } from "react";
 import { createPortal } from "react-dom";
@@ -75,7 +76,16 @@ export const MemesLeaderboardDrop: React.FC<MemesLeaderboardDropProps> = ({
   return (
     <div
       className="tw-w-full tw-cursor-pointer tw-@container"
-      onClick={() => !hasTouchScreen && onDropClick(drop)}
+      onClick={() => {
+        if (hasTouchScreen) return;
+        startDropOpen({
+          dropId: drop.id,
+          waveId: drop.wave.id,
+          source: "leaderboard_memes",
+          isMobile: isMobileScreen,
+        });
+        onDropClick(drop);
+      }}
     >
       <div className="tw-group tw-w-full">
         <div {...touchHandlers}>
diff --git a/components/waves/drop/SingleWaveDropWrapper.tsx b/components/waves/drop/SingleWaveDropWrapper.tsx
index 408b16fff1..b25c8e4671 100644
--- a/components/waves/drop/SingleWaveDropWrapper.tsx
+++ b/components/waves/drop/SingleWaveDropWrapper.tsx
@@ -5,11 +5,18 @@ import type { ApiDrop } from "@/generated/models/ApiDrop";
 import type { ApiWave } from "@/generated/models/ApiWave";
 import { useMediaQuery } from "@/hooks/useMediaQuery";
 import { Transition } from "@headlessui/react";
+import { markDropOpenReady } from "@/utils/monitoring/dropOpenTiming";
 import {
   ArrowLeftIcon,
   ChatBubbleLeftRightIcon,
 } from "@heroicons/react/24/outline";
-import React, { Fragment, useCallback, useEffect, useState } from "react";
+import React, {
+  Fragment,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
 import { SingleWaveDropChat } from "./SingleWaveDropChat";
 
 interface SingleWaveDropWrapperProps {
@@ -27,6 +34,7 @@ export const SingleWaveDropWrapper: React.FC<SingleWaveDropWrapperProps> = ({
 }) => {
   const [isChatOpen, setIsChatOpen] = useState(false);
   const isSmallScreen = useMediaQuery("(max-width: 1023px)");
+  const readyKeyRef = useRef<string | null>(null);
 
   const toggleChat = useCallback(() => {
     setIsChatOpen((prev) => !prev);
@@ -50,34 +58,42 @@ export const SingleWaveDropWrapper: React.FC<SingleWaveDropWrapperProps> = ({
     };
   }, [isChatOpen, isSmallScreen]);
 
+  useEffect(() => {
+    const readyKey = `${drop.id}:${wave.id}`;
+    if (readyKeyRef.current === readyKey) return;
+    readyKeyRef.current = readyKey;
+    markDropOpenReady({ dropId: drop.id, waveId: wave.id });
+  }, [drop.id, wave.id]);
 
   return (
-    <div className="tw-w-full tw-h-full tw-bg-iron-950 tw-flex tw-flex-col lg:tw-flex-row tw-overflow-hidden">
-      <div className="@container tw-flex-1 tw-relative tw-h-full tw-overflow-hidden">
-        <header className="tw-absolute tw-top-0 tw-left-0 tw-right-3 tw-z-20 tw-pt-[calc(env(safe-area-inset-top,0px)+0.5rem)] tw-pb-2 tw-px-2 lg:tw-px-8 @[640px]:tw-px-8 tw-bg-iron-950/55 tw-bg-gradient-to-b tw-from-iron-950/75 tw-via-iron-950/55 tw-to-iron-950/10 tw-backdrop-blur-sm">
-          <div className="tw-w-full tw-flex tw-items-center tw-justify-between">
+    <div className="tw-flex tw-h-full tw-w-full tw-flex-col tw-overflow-hidden tw-bg-iron-950 lg:tw-flex-row">
+      <div className="@container tw-relative tw-h-full tw-flex-1 tw-overflow-hidden">
+        <header className="tw-absolute tw-left-0 tw-right-3 tw-top-0 tw-z-20 tw-bg-iron-950/55 tw-bg-gradient-to-b tw-from-iron-950/75 tw-via-iron-950/55 tw-to-iron-950/10 tw-px-2 tw-pb-2 tw-pt-[calc(env(safe-area-inset-top,0px)+0.5rem)] tw-backdrop-blur-sm @[640px]:tw-px-8 lg:tw-px-8">
+          <div className="tw-flex tw-w-full tw-items-center tw-justify-between">
             <div className="tw-flex tw-items-center tw-gap-6">
               <button
                 type="button"
                 aria-label="Close panel"
                 onClick={onClose}
-                className="tw-flex tw-items-center tw-justify-center tw-gap-2 tw-h-11 tw-w-11 sm:tw-h-auto sm:tw-w-auto sm:tw-px-3 sm:tw-py-2 tw-rounded-full sm:tw-rounded-lg tw-text-iron-300 desktop-hover:hover:tw-text-white tw-transition-all tw-bg-iron-950 sm:tw-bg-transparent tw-border tw-border-solid tw-border-iron-700 sm:tw-border-0"
+                className="tw-flex tw-h-11 tw-w-11 tw-items-center tw-justify-center tw-gap-2 tw-rounded-full tw-border tw-border-solid tw-border-iron-700 tw-bg-iron-950 tw-text-iron-300 tw-transition-all desktop-hover:hover:tw-text-white sm:tw-h-auto sm:tw-w-auto sm:tw-rounded-lg sm:tw-border-0 sm:tw-bg-transparent sm:tw-px-3 sm:tw-py-2"
               >
-                <ArrowLeftIcon className="tw-w-5 tw-h-5 sm:tw-w-4 sm:tw-h-4 tw-flex-shrink-0" />
-                <span className="tw-hidden sm:tw-inline tw-text-sm tw-font-semibold">Close</span>
+                <ArrowLeftIcon className="tw-h-5 tw-w-5 tw-flex-shrink-0 sm:tw-h-4 sm:tw-w-4" />
+                <span className="tw-hidden tw-text-sm tw-font-semibold sm:tw-inline">
+                  Close
+                </span>
               </button>
             </div>
 
             <button
               onClick={toggleChat}
               aria-label={isChatOpen ? "Hide chat" : "Show chat"}
-              className={`tw-gap-2 tw-px-3 tw-h-11 sm:tw-h-auto sm:tw-py-2 tw-w-11 sm:tw-w-auto tw-flex-shrink-0 tw-flex tw-items-center tw-justify-center tw-backdrop-blur-md tw-rounded-full sm:tw-rounded-lg tw-transition-all tw-text-sm tw-font-medium tw-border tw-border-solid ${
+              className={`tw-flex tw-h-11 tw-w-11 tw-flex-shrink-0 tw-items-center tw-justify-center tw-gap-2 tw-rounded-full tw-border tw-border-solid tw-px-3 tw-text-sm tw-font-medium tw-backdrop-blur-md tw-transition-all sm:tw-h-auto sm:tw-w-auto sm:tw-rounded-lg sm:tw-py-2 ${
                 isChatOpen
-                  ? "tw-bg-iron-800 tw-border-iron-700 tw-text-iron-100 desktop-hover:hover:tw-bg-iron-700"
-                  : "tw-bg-iron-950 tw-border-iron-700 tw-text-iron-300 desktop-hover:hover:tw-bg-iron-800 desktop-hover:hover:tw-text-iron-200"
+                  ? "tw-border-iron-700 tw-bg-iron-800 tw-text-iron-100 desktop-hover:hover:tw-bg-iron-700"
+                  : "tw-border-iron-700 tw-bg-iron-950 tw-text-iron-300 desktop-hover:hover:tw-bg-iron-800 desktop-hover:hover:tw-text-iron-200"
               }`}
             >
-              <ChatBubbleLeftRightIcon className="tw-w-5 tw-h-5 sm:tw-w-4 sm:tw-h-4 tw-flex-shrink-0" />
+              <ChatBubbleLeftRightIcon className="tw-h-5 tw-w-5 tw-flex-shrink-0 sm:tw-h-4 sm:tw-w-4" />
               <span className="tw-hidden sm:tw-inline">
                 {isChatOpen ? "Hide" : "Show"} Chat
               </span>
@@ -85,14 +101,14 @@ export const SingleWaveDropWrapper: React.FC<SingleWaveDropWrapperProps> = ({
           </div>
         </header>
 
-        <div className="tw-h-full tw-overflow-y-auto tw-[scrollbar-gutter:stable] tw-scrollbar-thin tw-scrollbar-thumb-iron-500 tw-scrollbar-track-iron-800 desktop-hover:hover:tw-scrollbar-thumb-iron-300">
+        <div className="tw-[scrollbar-gutter:stable] tw-h-full tw-overflow-y-auto tw-scrollbar-thin tw-scrollbar-track-iron-800 tw-scrollbar-thumb-iron-500 desktop-hover:hover:tw-scrollbar-thumb-iron-300">
           <div
-            className="tw-shrink-0 tw-h-[calc(env(safe-area-inset-top,0px)+4rem)]"
+            className="tw-h-[calc(env(safe-area-inset-top,0px)+4rem)] tw-shrink-0"
             aria-hidden="true"
           />
           {children}
           <div
-            className="tw-shrink-0 tw-h-[env(safe-area-inset-bottom,0px)]"
+            className="tw-h-[env(safe-area-inset-bottom,0px)] tw-shrink-0"
             aria-hidden="true"
           />
         </div>
@@ -100,17 +116,14 @@ export const SingleWaveDropWrapper: React.FC<SingleWaveDropWrapperProps> = ({
 
       <CompactModeProvider compact={true}>
         <div
-          className={`
-            tw-hidden lg:tw-flex tw-flex-col tw-h-full tw-bg-black tw-transition-all tw-duration-300 tw-ease-in-out
-            ${
-              isChatOpen
-                ? "tw-w-[400px] tw-border-l tw-border-solid tw-border-white/10 tw-border-y-0 tw-border-r-0"
-                : "tw-w-0 tw-overflow-hidden tw-border-none"
-            }
-          `}
+          className={`tw-hidden tw-h-full tw-flex-col tw-bg-black tw-transition-all tw-duration-300 tw-ease-in-out lg:tw-flex ${
+            isChatOpen
+              ? "tw-w-[400px] tw-border-y-0 tw-border-l tw-border-r-0 tw-border-solid tw-border-white/10"
+              : "tw-w-0 tw-overflow-hidden tw-border-none"
+          } `}
         >
-          <div className="@container tw-flex tw-flex-col tw-flex-1 tw-overflow-hidden tw-relative">
-            <div className="tw-absolute tw-top-0 tw-left-0 tw-right-0 tw-h-12 tw-bg-gradient-to-b tw-from-black tw-to-transparent tw-z-50 tw-pointer-events-none" />
+          <div className="@container tw-relative tw-flex tw-flex-1 tw-flex-col tw-overflow-hidden">
+            <div className="tw-pointer-events-none tw-absolute tw-left-0 tw-right-0 tw-top-0 tw-z-50 tw-h-12 tw-bg-gradient-to-b tw-from-black tw-to-transparent" />
             <SingleWaveDropChat key={drop.id} wave={wave} drop={drop} />
           </div>
         </div>
@@ -118,13 +131,13 @@ export const SingleWaveDropWrapper: React.FC<SingleWaveDropWrapperProps> = ({
 
       <CompactModeProvider compact={true}>
         <Transition.Root show={isChatOpen} as={Fragment}>
-          <div className="lg:tw-hidden tw-fixed tw-inset-y-0 tw-right-0 tw-left-[var(--left-rail,0px)] tw-z-[90] tw-overflow-hidden">
+          <div className="tw-fixed tw-inset-y-0 tw-left-[var(--left-rail,0px)] tw-right-0 tw-z-[90] tw-overflow-hidden lg:tw-hidden">
             <Transition.Child
               as={Fragment}
-              enter="tw-ease-out tw-duration-150"
+              enter="tw-duration-150 tw-ease-out"
               enterFrom="tw-opacity-0"
               enterTo="tw-opacity-100"
-              leave="tw-ease-in tw-duration-120"
+              leave="tw-duration-120 tw-ease-in"
               leaveFrom="tw-opacity-100"
               leaveTo="tw-opacity-0"
             >
@@ -135,25 +148,25 @@ export const SingleWaveDropWrapper: React.FC<SingleWaveDropWrapperProps> = ({
             </Transition.Child>
             <Transition.Child
               as={Fragment}
-              enter="tw-transform tw-transition tw-ease-out tw-duration-220"
+              enter="tw-duration-220 tw-transform tw-transition tw-ease-out"
               enterFrom="tw-translate-x-full"
               enterTo="tw-translate-x-0"
-              leave="tw-transform tw-transition tw-ease-in tw-duration-180"
+              leave="tw-duration-180 tw-transform tw-transition tw-ease-in"
               leaveFrom="tw-translate-x-0"
               leaveTo="tw-translate-x-full"
             >
-              <div className="@container lg:tw-hidden tw-flex tw-flex-col tw-h-full tw-bg-iron-950 tw-absolute tw-inset-0 tw-z-[100] tw-transform-gpu tw-will-change-transform">
-                <div className="tw-flex tw-items-center tw-px-2 lg:tw-px-8 tw-pt-[calc(env(safe-area-inset-top,0px)+0.75rem)] tw-pb-2">
+              <div className="@container tw-absolute tw-inset-0 tw-z-[100] tw-flex tw-h-full tw-transform-gpu tw-flex-col tw-bg-iron-950 tw-will-change-transform lg:tw-hidden">
+                <div className="tw-flex tw-items-center tw-px-2 tw-pb-2 tw-pt-[calc(env(safe-area-inset-top,0px)+0.75rem)] lg:tw-px-8">
                   <button
                     onClick={toggleChat}
-                    className="tw-flex tw-items-center tw-rounded-lg tw-gap-2 tw-px-3 tw-py-2 tw-text-white/70 desktop-hover:hover:tw-text-white tw-transition-colors tw-bg-transparent tw-border-0"
+                    className="tw-flex tw-items-center tw-gap-2 tw-rounded-lg tw-border-0 tw-bg-transparent tw-px-3 tw-py-2 tw-text-white/70 tw-transition-colors desktop-hover:hover:tw-text-white"
                   >
-                    <ArrowLeftIcon className="tw-w-5 tw-h-5 tw-flex-shrink-0" />
+                    <ArrowLeftIcon className="tw-h-5 tw-w-5 tw-flex-shrink-0" />
                     <span className="tw-text-sm tw-font-semibold">Close</span>
                   </button>
                 </div>
 
-                <div className="@container tw-flex tw-flex-col tw-flex-1 tw-overflow-hidden">
+                <div className="@container tw-flex tw-flex-1 tw-flex-col tw-overflow-hidden">
                   <SingleWaveDropChat key={drop.id} wave={wave} drop={drop} />
                 </div>
               </div>
diff --git a/components/waves/drops/ArtistSubmissionBadge.tsx b/components/waves/drops/ArtistSubmissionBadge.tsx
deleted file mode 100644
index 65aec6424c..0000000000
--- a/components/waves/drops/ArtistSubmissionBadge.tsx
+++ /dev/null
@@ -1,93 +0,0 @@
-"use client";
-
-import React, { useId } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPalette } from "@fortawesome/free-solid-svg-icons";
-import { Tooltip } from "react-tooltip";
-import useIsMobileDevice from "@/hooks/isMobileDevice";
-import useDeviceInfo from "@/hooks/useDeviceInfo";
-
-// Tooltip styles - extracted to prevent re-creation on each render
-const TOOLTIP_STYLES = {
-  backgroundColor: "#1F2937",
-  color: "white",
-  padding: "6px 12px",
-  fontSize: "12px",
-  zIndex: 50,
-  boxShadow: "0 4px 16px 0 rgba(0,0,0,0.30), 0 2px 8px 0 rgba(55,55,62,0.25)",
-} as const;
-
-interface ArtistSubmissionBadgeProps {
-  readonly submissionCount: number;
-  readonly onBadgeClick?: (() => void) | undefined;
-  readonly tooltipId?: string | undefined;
-}
-
-export const ArtistSubmissionBadge: React.FC<ArtistSubmissionBadgeProps> = ({
-  submissionCount,
-  onBadgeClick,
-  tooltipId = "submission-badge",
-}) => {
-  const isMobile = useIsMobileDevice();
-  const { hasTouchScreen } = useDeviceInfo();
-  const id = useId();
-  const uniqueTooltipId = `${tooltipId}-${id}`;
-  const [isTooltipOpen, setIsTooltipOpen] = React.useState(false);
-
-  if (submissionCount === 0) return null;
-
-  const dataTooltipId =
-    !isMobile && !hasTouchScreen ? uniqueTooltipId : undefined;
-
-  return (
-    <>
-      <button
-        onClick={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          setIsTooltipOpen(false);
-          onBadgeClick?.();
-        }}
-        onMouseEnter={() => setIsTooltipOpen(true)}
-        onMouseLeave={() => setIsTooltipOpen(false)}
-        className="tw-flex tw-items-center tw-justify-center tw-w-5 tw-h-5
-        tw-rounded-md tw-border tw-border-solid tw-border-blue-400/40
-        tw-bg-gradient-to-br tw-from-blue-800 tw-to-blue-900
-        tw-text-blue-100/90
-        tw-shadow-[0_1px_3px_rgba(0,0,0,0.45)]
-        tw-transition-all tw-duration-200 tw-ease-out
-        desktop-hover:hover:tw-from-blue-700
-        desktop-hover:hover:tw-to-blue-800
-        desktop-hover:hover:tw-scale-[1.05]
-        focus:tw-ring-1 focus:tw-ring-blue-300/40"
-        aria-label={`View ${submissionCount} art submission${
-          submissionCount === 1 ? "" : "s"
-        }`}
-        aria-expanded="false"
-        aria-haspopup="dialog"
-        {...(dataTooltipId && { "data-tooltip-id": dataTooltipId })}
-      >
-        <FontAwesomeIcon
-          icon={faPalette}
-          className="tw-w-2.5 tw-h-2.5 tw-text-white tw-flex-shrink-0"
-        />
-      </button>
-
-      {/* Tooltip - only on non-touch devices */}
-      {!isMobile && !hasTouchScreen && (
-        <Tooltip
-          id={uniqueTooltipId}
-          place="top"
-          positionStrategy="absolute"
-          content={`View ${submissionCount} art submission${
-            submissionCount === 1 ? "" : "s"
-          }`}
-          delayShow={300}
-          opacity={1}
-          style={TOOLTIP_STYLES}
-          isOpen={isTooltipOpen}
-        />
-      )}
-    </>
-  );
-};
diff --git a/components/waves/drops/ProfileWinnerBadge.tsx b/components/waves/drops/ProfileWinnerBadge.tsx
deleted file mode 100644
index aa5cbb6d2b..0000000000
--- a/components/waves/drops/ProfileWinnerBadge.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-"use client";
-
-import React, { useId } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faTrophy } from "@fortawesome/free-solid-svg-icons";
-import { Tooltip } from "react-tooltip";
-import useIsMobileDevice from "@/hooks/isMobileDevice";
-
-// Tooltip styles - extracted to prevent re-creation on each render
-const TOOLTIP_STYLES = {
-  backgroundColor: "#1F2937",
-  color: "white",
-  padding: "6px 12px",
-  fontSize: "12px",
-  zIndex: 50,
-  boxShadow: "0 4px 16px 0 rgba(0,0,0,0.30), 0 2px 8px 0 rgba(55,55,62,0.25)",
-} as const;
-
-interface ProfileWinnerBadgeProps {
-  readonly winCount: number;
-  readonly tooltipId?: string | undefined;
-  readonly onBadgeClick?: (() => void) | undefined;
-}
-
-export const ProfileWinnerBadge: React.FC<ProfileWinnerBadgeProps> = ({
-  winCount,
-  tooltipId = "winner-badge",
-  onBadgeClick,
-}) => {
-  const isMobile = useIsMobileDevice();
-  const id = useId();
-  const uniqueTooltipId = `${tooltipId}-${id}`;
-  const [isTooltipOpen, setIsTooltipOpen] = React.useState(false);
-
-  const dataTooltipId = !isMobile ? uniqueTooltipId : undefined;
-
-  if (winCount === 0) return null;
-
-  return (
-    <>
-      <button
-        onClick={(e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          setIsTooltipOpen(false);
-          onBadgeClick?.();
-        }}
-        onMouseEnter={() => setIsTooltipOpen(true)}
-        onMouseLeave={() => setIsTooltipOpen(false)}
-        className="tw-w-6 tw-h-6 md:tw-w-5 md:tw-h-5 tw-outline-none tw-ring-0 tw-inline-flex tw-items-center tw-justify-center
-       tw-rounded-md tw-border tw-border-solid tw-border-amber-400/20
-        tw-bg-amber-400/10 tw-text-amber-300 tw-text-xs
-        tw-shadow-[inset_0_0_2px_rgba(255,255,255,0.08),0_1px_4px_rgba(0,0,0,0.25)]
-        tw-transition-all tw-duration-200
-        desktop-hover:hover:tw-border-amber-400/30
-        desktop-hover:hover:tw-bg-amber-900/30
-        desktop-hover:hover:tw-scale-[1.05]
-        desktop-hover:hover:tw-shadow-[inset_0_0_3px_rgba(255,255,255,0.12),0_2px_6px_rgba(0,0,0,0.3)]
-        focus:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-ring-amber-400/50 focus-visible:tw-ring-offset-2"
-        aria-label={`View ${winCount} winning artwork${
-          winCount === 1 ? "" : "s"
-        }`}
-        {...(dataTooltipId && { "data-tooltip-id": dataTooltipId })}
-      >
-        <FontAwesomeIcon
-          icon={faTrophy}
-          className="tw-w-3 tw-h-3 md:tw-w-2.5 md:tw-h-2.5 tw-text-amber-400 tw-flex-shrink-0
-        desktop-hover:hover:tw-text-amber-300/90"
-        />
-      </button>
-      {!isMobile && (
-        <Tooltip
-          id={uniqueTooltipId}
-          place="top"
-          positionStrategy="absolute"
-          content={`View ${winCount} winning artwork${
-            winCount === 1 ? "" : "s"
-          }`}
-          delayShow={300}
-          opacity={1}
-          style={TOOLTIP_STYLES}
-          isOpen={isTooltipOpen}
-        />
-      )}
-    </>
-  );
-};
diff --git a/components/waves/drops/WaveDropMobileMenuOpen.tsx b/components/waves/drops/WaveDropMobileMenuOpen.tsx
index 8f02900705..0cff1bdc1e 100644
--- a/components/waves/drops/WaveDropMobileMenuOpen.tsx
+++ b/components/waves/drops/WaveDropMobileMenuOpen.tsx
@@ -4,6 +4,7 @@ import React from "react";
 import { ApiDropType } from "@/generated/models/ApiDropType";
 import type { ExtendedDrop } from "@/helpers/waves/drop.helpers";
 import { useRouter, usePathname, useSearchParams } from "next/navigation";
+import { startDropOpen } from "@/utils/monitoring/dropOpenTiming";
 
 interface WaveDropMobileMenuOpenProps {
   readonly drop: ExtendedDrop;
@@ -26,6 +27,12 @@ const WaveDropMobileMenuOpen: React.FC<WaveDropMobileMenuOpenProps> = ({
   const onDropClick = () => {
     const params = new URLSearchParams(searchParams.toString());
     params.set("drop", drop.id);
+    startDropOpen({
+      dropId: drop.id,
+      waveId: drop.wave.id,
+      source: "leaderboard_mobile_menu",
+      isMobile: true,
+    });
     router.push(`${pathname}?${params.toString()}`);
     onOpenChange();
   };
@@ -33,15 +40,17 @@ const WaveDropMobileMenuOpen: React.FC<WaveDropMobileMenuOpenProps> = ({
   return (
     <button
       onClick={onDropClick}
-      className="tw-border-0 tw-flex tw-items-center tw-gap-x-4 tw-p-4 tw-bg-iron-950 tw-rounded-xl active:tw-bg-iron-800 tw-transition-colors tw-duration-200 tw-select-none">
+      className="tw-flex tw-select-none tw-items-center tw-gap-x-4 tw-rounded-xl tw-border-0 tw-bg-iron-950 tw-p-4 tw-transition-colors tw-duration-200 active:tw-bg-iron-800"
+    >
       <svg
         width="24"
         height="24"
         viewBox="0 0 24 24"
         fill="none"
         aria-hidden="true"
-        className="tw-flex-shrink-0 tw-w-5 tw-h-5 tw-text-iron-300"
-        xmlns="http://www.w3.org/2000/svg">
+        className="tw-h-5 tw-w-5 tw-flex-shrink-0 tw-text-iron-300"
+        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"
           stroke="currentColor"
@@ -50,7 +59,7 @@ const WaveDropMobileMenuOpen: React.FC<WaveDropMobileMenuOpenProps> = ({
           strokeLinejoin="round"
         />
       </svg>
-      <span className="tw-text-iron-300 tw-font-semibold tw-text-base">
+      <span className="tw-text-base tw-font-semibold tw-text-iron-300">
         Open drop
       </span>
     </button>
diff --git a/components/waves/leaderboard/drops/DefaultWaveLeaderboardDrop.tsx b/components/waves/leaderboard/drops/DefaultWaveLeaderboardDrop.tsx
index 25b844e8f2..95dbf652d3 100644
--- a/components/waves/leaderboard/drops/DefaultWaveLeaderboardDrop.tsx
+++ b/components/waves/leaderboard/drops/DefaultWaveLeaderboardDrop.tsx
@@ -12,6 +12,7 @@ import { useDropInteractionRules } from "@/hooks/drops/useDropInteractionRules";
 import useIsMobileScreen from "@/hooks/isMobileScreen";
 import useDeviceInfo from "@/hooks/useDeviceInfo";
 import useLongPressInteraction from "@/hooks/useLongPressInteraction";
+import { startDropOpen } from "@/utils/monitoring/dropOpenTiming";
 import React, { useState } from "react";
 import { createPortal } from "react-dom";
 import { WaveLeaderboardDropContent } from "../content/WaveLeaderboardDropContent";
@@ -59,18 +60,27 @@ export const DefaultWaveLeaderboardDrop: React.FC<
 
   return (
     <div
-      onClick={() => onDropClick(drop)}
-      className="tw-@container tw-group tw-cursor-pointer tw-rounded-xl tw-transition tw-duration-300 tw-ease-out tw-w-full tw-relative">
+      onClick={() => {
+        startDropOpen({
+          dropId: drop.id,
+          waveId: drop.wave.id,
+          source: "leaderboard_list",
+          isMobile: isMobileScreen,
+        });
+        onDropClick(drop);
+      }}
+      className="tw-group tw-relative tw-w-full tw-cursor-pointer tw-rounded-xl tw-transition tw-duration-300 tw-ease-out tw-@container"
+    >
       <div className={getBorderClasses()} {...touchHandlers}>
         <div className="tw-flex tw-flex-col tw-gap-3">
           <div className="tw-flex tw-flex-col tw-gap-3">
             <div className="tw-flex tw-items-center tw-justify-between tw-gap-4">
               <WaveLeaderboardDropHeader drop={drop} />
               <div className="tw-flex tw-items-center">
-                <div className="tw-h-8 tw-hidden lg:tw-block">
+                <div className="tw-hidden tw-h-8 lg:tw-block">
                   <WaveDropActionsOpen drop={drop} />
                 </div>
-                <div className="tw-h-8 tw-hidden lg:tw-block">
+                <div className="tw-hidden tw-h-8 lg:tw-block">
                   {canDelete && <WaveDropActionsOptions drop={drop} />}
                 </div>
               </div>
@@ -79,18 +89,22 @@ export const DefaultWaveLeaderboardDrop: React.FC<
 
           <div className="tw-space-y-2">
             <div className="tw-ml-[3.35rem]">
-              <WaveLeaderboardDropContent drop={drop} isCompetitionDrop={true} />
+              <WaveLeaderboardDropContent
+                drop={drop}
+                isCompetitionDrop={true}
+              />
             </div>
           </div>
-          <div className="tw-mt-3 tw-inline-flex tw-flex-col @[700px]:tw-flex-row tw-justify-between @[700px]:tw-items-center sm:tw-ml-[3.25rem] tw-space-y-3 @[700px]:tw-space-y-0 tw-gap-x-2">
-            <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-y-2 tw-gap-x-4">
+          <div className="tw-mt-3 tw-inline-flex tw-flex-col tw-justify-between tw-gap-x-2 tw-space-y-3 @[700px]:tw-flex-row @[700px]:tw-items-center @[700px]:tw-space-y-0 sm:tw-ml-[3.25rem]">
+            <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-x-4 tw-gap-y-2">
               <WaveLeaderboardDropRaters drop={drop} />
               <WaveLeaderboardDropFooter drop={drop} />
             </div>
             {canShowVote && (
               <div
-                className="tw-flex tw-justify-center tw-pt-4 @[700px]:tw-pt-0 @[700px]:tw-ml-auto tw-border-t tw-border-iron-800 tw-border-solid tw-border-x-0 tw-border-b-0 @[700px]:tw-border-t-0"
-                onClick={(e) => e.stopPropagation()}>
+                className="tw-flex tw-justify-center tw-border-x-0 tw-border-b-0 tw-border-t tw-border-solid tw-border-iron-800 tw-pt-4 @[700px]:tw-ml-auto @[700px]:tw-border-t-0 @[700px]:tw-pt-0"
+                onClick={(e) => e.stopPropagation()}
+              >
                 <VotingModalButton
                   drop={drop}
                   onClick={() => setIsVotingModalOpen(true)}
diff --git a/components/waves/leaderboard/gallery/WaveLeaderboardGalleryItem.tsx b/components/waves/leaderboard/gallery/WaveLeaderboardGalleryItem.tsx
index 0eb0cbeeb3..626f7f6003 100644
--- a/components/waves/leaderboard/gallery/WaveLeaderboardGalleryItem.tsx
+++ b/components/waves/leaderboard/gallery/WaveLeaderboardGalleryItem.tsx
@@ -22,6 +22,7 @@ import useIsMobileScreen from "@/hooks/isMobileScreen";
 import useDeviceInfo from "@/hooks/useDeviceInfo";
 import { useMediaQuery } from "@/hooks/useMediaQuery";
 import type { WaveDropsLeaderboardSort } from "@/hooks/useWaveDropsLeaderboard";
+import { startDropOpen } from "@/utils/monitoring/dropOpenTiming";
 import Link from "next/link";
 import { memo, useEffect, useMemo, useRef, useState } from "react";
 import WaveLeaderboardGalleryItemVotes from "./WaveLeaderboardGalleryItemVotes";
@@ -114,6 +115,12 @@ export const WaveLeaderboardGalleryItem = memo<WaveLeaderboardGalleryItemProps>(
       WAVE_VOTING_LABELS[votingCreditType] ?? votingCreditType;
 
     const handleImageClick = () => {
+      startDropOpen({
+        dropId: drop.id,
+        waveId: drop.wave.id,
+        source: "leaderboard_grid",
+        isMobile: isMobileScreen,
+      });
       onDropClick(drop);
     };
 
diff --git a/package-lock.json b/package-lock.json
index 696b6d5c0f..52679ee416 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6667,6 +6667,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@sentry-internal/browser-utils/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry-internal/feedback": {
       "version": "10.27.0",
       "license": "MIT",
@@ -6677,6 +6686,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@sentry-internal/feedback/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry-internal/replay": {
       "version": "10.27.0",
       "license": "MIT",
@@ -6699,6 +6717,24 @@
         "node": ">=18"
       }
     },
+    "node_modules/@sentry-internal/replay-canvas/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry-internal/replay/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry/babel-plugin-component-annotate": {
       "version": "4.6.1",
       "license": "MIT",
@@ -6720,6 +6756,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@sentry/browser/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry/bundler-plugin-core": {
       "version": "4.6.1",
       "license": "MIT",
@@ -6944,13 +6989,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/@sentry/core": {
-      "version": "10.27.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@sentry/nextjs": {
       "version": "10.27.0",
       "license": "MIT",
@@ -6977,6 +7015,15 @@
         "next": "^13.2.0 || ^14.0 || ^15.0.0-rc.0 || ^16.0.0-0"
       }
     },
+    "node_modules/@sentry/nextjs/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry/node": {
       "version": "10.27.0",
       "license": "MIT",
@@ -7043,6 +7090,24 @@
         "@opentelemetry/semantic-conventions": "^1.37.0"
       }
     },
+    "node_modules/@sentry/node-core/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@sentry/node/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry/opentelemetry": {
       "version": "10.27.0",
       "license": "MIT",
@@ -7060,6 +7125,15 @@
         "@opentelemetry/semantic-conventions": "^1.37.0"
       }
     },
+    "node_modules/@sentry/opentelemetry/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry/react": {
       "version": "10.27.0",
       "license": "MIT",
@@ -7075,6 +7149,15 @@
         "react": "^16.14.0 || 17.x || 18.x || 19.x"
       }
     },
+    "node_modules/@sentry/react/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry/vercel-edge": {
       "version": "10.27.0",
       "license": "MIT",
@@ -7087,6 +7170,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@sentry/vercel-edge/node_modules/@sentry/core": {
+      "version": "10.27.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.27.0.tgz",
+      "integrity": "sha512-Zc68kdH7tWTDtDbV1zWIbo3Jv0fHAU2NsF5aD2qamypKgfSIMSbWVxd22qZyDBkaX8gWIPm/0Sgx6aRXRBXrYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@sentry/webpack-plugin": {
       "version": "4.6.1",
       "license": "MIT",
diff --git a/utils/monitoring/dropOpenTiming.ts b/utils/monitoring/dropOpenTiming.ts
new file mode 100644
index 0000000000..0000cc73cf
--- /dev/null
+++ b/utils/monitoring/dropOpenTiming.ts
@@ -0,0 +1,198 @@
+"use client";
+
+import { startSpanManual } from "@sentry/nextjs";
+import type { Span } from "@sentry/nextjs";
+
+type DropOpenSource =
+  | "leaderboard_list"
+  | "leaderboard_grid"
+  | "leaderboard_memes"
+  | "leaderboard_mobile_menu";
+
+type PendingDropOpen = {
+  startMs: number;
+  dropId: string;
+  waveId: string;
+  source: DropOpenSource;
+  isMobile: boolean;
+  span: Span | null;
+  timeoutId: number | null;
+};
+
+const pendingOpens = new Map<string, PendingDropOpen>();
+const DROP_OPEN_TIMEOUT_MS = 30000;
+
+const getNowMs = () =>
+  typeof performance !== "undefined" && typeof performance.now === "function"
+    ? performance.now()
+    : Date.now();
+
+const getRoute = () => {
+  const win = globalThis.window ?? null;
+  if (!win || !win.location) {
+    return "";
+  }
+  return `${win.location.pathname}${win.location.search}`;
+};
+
+const getRumClient = () => {
+  const win = globalThis.window ?? null;
+  if (!win) {
+    return undefined;
+  }
+  return (win as unknown as { awsRum?: { recordEvent?: Function } })?.awsRum;
+};
+
+const endSentrySpan = (span: Span | null) => {
+  if (!span) {
+    return;
+  }
+
+  try {
+    const maybeSpan = span as unknown as {
+      end?: () => void;
+      finish?: () => void;
+    };
+    if (typeof maybeSpan.end === "function") {
+      maybeSpan.end();
+      return;
+    }
+    if (typeof maybeSpan.finish === "function") {
+      maybeSpan.finish();
+    }
+  } catch {
+    // ignore tracing errors
+  }
+};
+
+export const startDropOpen = (params: {
+  dropId: string;
+  waveId: string;
+  source: DropOpenSource;
+  isMobile: boolean;
+}) => {
+  const win = globalThis.window ?? null;
+
+  const { dropId, waveId, source, isMobile } = params;
+  const startMs = getNowMs();
+
+  const existing = pendingOpens.get(dropId);
+  if (existing) {
+    if (existing.timeoutId !== null) {
+      globalThis.clearTimeout(existing.timeoutId);
+    }
+    endSentrySpan(existing.span);
+    pendingOpens.delete(dropId);
+  }
+
+  const registerPendingOpen = (createdSpan: Span | null) => {
+    const handleTimeout = () => {
+      const entry = pendingOpens.get(dropId);
+      endSentrySpan(entry?.span ?? null);
+      pendingOpens.delete(dropId);
+    };
+
+    const timeoutId =
+      win && typeof win.setTimeout === "function"
+        ? win.setTimeout(handleTimeout, DROP_OPEN_TIMEOUT_MS)
+        : typeof globalThis.setTimeout === "function"
+          ? globalThis.setTimeout(handleTimeout, DROP_OPEN_TIMEOUT_MS)
+          : null;
+
+    pendingOpens.set(dropId, {
+      startMs,
+      dropId,
+      waveId,
+      source,
+      isMobile,
+      span: createdSpan,
+      timeoutId,
+    });
+  };
+
+  try {
+    startSpanManual(
+      {
+        name: "ui.drop_popup.open",
+        op: "ui.action",
+        attributes: {
+          drop_id: dropId,
+          wave_id: waveId,
+          source,
+          is_mobile: isMobile,
+          route: getRoute(),
+        },
+      },
+      (createdSpan) => {
+        registerPendingOpen(createdSpan);
+      }
+    );
+  } catch {
+    registerPendingOpen(null);
+  }
+};
+
+export const markDropOpenReady = (params: {
+  dropId: string;
+  waveId: string;
+}) => {
+  const entry = pendingOpens.get(params.dropId);
+  if (!entry || entry.waveId !== params.waveId) {
+    return;
+  }
+
+  const finish = () => {
+    const activeEntry = pendingOpens.get(entry.dropId);
+    if (!activeEntry) {
+      return;
+    }
+    const isSameEntry =
+      activeEntry === entry ||
+      (activeEntry.startMs === entry.startMs &&
+        activeEntry.waveId === entry.waveId);
+    if (!isSameEntry) {
+      return;
+    }
+
+    const durationMs = Math.round(getNowMs() - activeEntry.startMs);
+    const payload = {
+      duration_ms: durationMs,
+      drop_id: activeEntry.dropId,
+      wave_id: activeEntry.waveId,
+      source: activeEntry.source,
+      is_mobile: activeEntry.isMobile,
+      route: getRoute(),
+    };
+
+    const rum = getRumClient();
+    if (rum && typeof rum.recordEvent === "function") {
+      try {
+        const recordEvent = rum.recordEvent as (
+          name: string,
+          data?: Record<string, unknown>
+        ) => void;
+        recordEvent("drop_popup_ready", payload);
+      } catch {
+        // ignore analytics errors
+      }
+    }
+
+    if (activeEntry.span) {
+      try {
+        activeEntry.span.setAttribute("duration_ms", durationMs);
+        activeEntry.span.setAttribute("route", payload.route);
+        endSentrySpan(activeEntry.span);
+      } catch {
+        // ignore tracing errors
+      }
+    }
+
+    if (activeEntry.timeoutId !== null) {
+      globalThis.clearTimeout(activeEntry.timeoutId);
+    }
+    pendingOpens.delete(activeEntry.dropId);
+  };
+
+  // Wait for next paint so "ready" reflects rendered UI.
+  requestAnimationFrame(() => requestAnimationFrame(finish));
+};