diff --git a/__tests__/components/home/LatestDropNextMintSubscribe.test.tsx b/__tests__/components/home/LatestDropNextMintSubscribe.test.tsx
index 2d0553e19c..58f65e8d0f 100644
--- a/__tests__/components/home/LatestDropNextMintSubscribe.test.tsx
+++ b/__tests__/components/home/LatestDropNextMintSubscribe.test.tsx
@@ -7,16 +7,21 @@ jest.mock("@tanstack/react-query", () => ({
   useQuery: jest.fn(),
 }));
 
+jest.mock("@/components/cookies/CookieConsentContext", () => ({
+  useCookieConsent: () => ({ country: "US" }),
+}));
+
 jest.mock(
   "@/components/user/subscriptions/MemeSubscriptionRow",
   () =>
     function MockMemeSubscriptionRow(props: any) {
       return (
         <div data-testid="meme-subscription-row">
-          token:{props.subscription.token_id} eligibility:{props.eligibilityCount}
+          token:{props.subscription.token_id} eligibility:
+          {props.eligibilityCount}
           minting_today:{String(props.minting_today)} readonly:
-          {String(props.readonly)} variant:{props.variant ?? "default"} date:
-          {String(props.date)}
+          {String(props.readonly)} balance:{props.balanceLabel} variant:
+          {props.variant ?? "default"} date:{String(props.date)}
         </div>
       );
     }
@@ -86,6 +91,9 @@ describe("LatestDropNextMintSubscribe", () => {
     expect(screen.getByTestId("meme-subscription-row")).toHaveTextContent(
       /readonly:false/
     );
+    expect(screen.getByTestId("meme-subscription-row")).toHaveTextContent(
+      /balance:0/
+    );
     expect(screen.getByTestId("meme-subscription-row")).toHaveTextContent(
       /variant:compact/
     );
@@ -124,27 +132,92 @@ describe("LatestDropNextMintSubscribe", () => {
     );
   });
 
-  it("does not render when there is no connected profile", () => {
-    const { container } = renderWithAuth(
-      <LatestDropNextMintSubscribe />,
-      { connectedProfile: null }
+  it("falls back to zero balance for non-finite details", () => {
+    useQueryMock.mockImplementation(({ queryKey }) => {
+      if (queryKey[0] === "next-mint-subscription-details") {
+        return {
+          data: {
+            balance: Number.NaN,
+            subscription_eligibility_count: 3,
+          },
+        };
+      }
+
+      if (queryKey[0] === "next-mint-subscription-status") {
+        return {
+          data: {
+            subscribed: true,
+            eligibility: 2,
+            count: 1,
+          },
+          refetch: jest.fn(),
+        };
+      }
+
+      return {
+        data: null,
+        refetch: jest.fn(),
+      };
+    });
+
+    renderWithAuth(<LatestDropNextMintSubscribe />);
+
+    expect(screen.getByTestId("meme-subscription-row")).toHaveTextContent(
+      "balance:0"
     );
+  });
+
+  it("does not render when there is no connected profile", () => {
+    const { container } = renderWithAuth(<LatestDropNextMintSubscribe />, {
+      connectedProfile: null,
+    });
 
     expect(container).toBeEmptyDOMElement();
   });
 
   it("does not render during an active proxy session", () => {
-    const { container } = renderWithAuth(
-      <LatestDropNextMintSubscribe />,
-      {
-        activeProfileProxy: {
-          id: "proxy-1",
-          granted_to: {} as any,
-          created_at: Date.now(),
-          created_by: {} as any,
-          actions: [],
-        } as any,
+    const { container } = renderWithAuth(<LatestDropNextMintSubscribe />, {
+      activeProfileProxy: {
+        id: "proxy-1",
+        granted_to: {} as any,
+        created_at: Date.now(),
+        created_by: {} as any,
+        actions: [],
+      } as any,
+    });
+
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  it("does not render in latest-drop mode when the profile is not subscribed", () => {
+    useQueryMock.mockImplementation(({ queryKey }) => {
+      if (queryKey[0] === "next-mint-subscription-details") {
+        return {
+          data: {
+            subscription_eligibility_count: 3,
+          },
+        };
       }
+
+      if (queryKey[0] === "next-mint-subscription-status") {
+        return {
+          data: {
+            subscribed: false,
+            eligibility: 2,
+            count: 1,
+          },
+          refetch: jest.fn(),
+        };
+      }
+
+      return {
+        data: null,
+        refetch: jest.fn(),
+      };
+    });
+
+    const { container } = renderWithAuth(
+      <LatestDropNextMintSubscribe showOnlyWhenSubscribed readonly />
     );
 
     expect(container).toBeEmptyDOMElement();
diff --git a/__tests__/components/home/NowMintingDetails.test.tsx b/__tests__/components/home/NowMintingDetails.test.tsx
index 56c808dac0..ed124dd517 100644
--- a/__tests__/components/home/NowMintingDetails.test.tsx
+++ b/__tests__/components/home/NowMintingDetails.test.tsx
@@ -20,6 +20,11 @@ jest.mock("@/components/home/now-minting/NowMintingStatsGrid", () => ({
   default: () => <div data-testid="stats-grid" />,
 }));
 
+jest.mock("@/components/home/now-minting/LatestDropNextMintSubscribe", () => ({
+  __esModule: true,
+  default: () => <div data-testid="subscribe-section" />,
+}));
+
 jest.mock("@/components/home/now-minting/NowMintingCountdown", () => ({
   __esModule: true,
   default: () => <div data-testid="countdown" />,
@@ -53,6 +58,7 @@ describe("NowMintingDetails", () => {
     expect(screen.queryByText("Dimensions")).not.toBeInTheDocument();
     expect(screen.getByText("Collection")).toBeInTheDocument();
     expect(screen.getByText("Season")).toBeInTheDocument();
+    expect(screen.getByTestId("subscribe-section")).toBeInTheDocument();
   });
 
   it("renders file metadata rows when image metadata is present", () => {
diff --git a/__tests__/components/user/subscriptions/MemeSubscriptionRow.test.tsx b/__tests__/components/user/subscriptions/MemeSubscriptionRow.test.tsx
new file mode 100644
index 0000000000..ff31e23182
--- /dev/null
+++ b/__tests__/components/user/subscriptions/MemeSubscriptionRow.test.tsx
@@ -0,0 +1,149 @@
+import { renderWithAuth } from "@/__tests__/utils/testContexts";
+import MemeSubscriptionRow from "@/components/user/subscriptions/MemeSubscriptionRow";
+import { useQuery } from "@tanstack/react-query";
+import { screen } from "@testing-library/react";
+
+jest.mock("@tanstack/react-query", () => ({
+  useQuery: jest.fn(),
+  useQueryClient: () => ({
+    invalidateQueries: jest.fn(),
+  }),
+}));
+
+jest.mock("@/services/api/common-api", () => ({
+  commonApiFetch: jest.fn(),
+  commonApiPost: jest.fn(),
+}));
+
+const useQueryMock = useQuery as jest.Mock;
+
+describe("MemeSubscriptionRow", () => {
+  beforeEach(() => {
+    useQueryMock.mockImplementation(({ queryKey }) => {
+      if (queryKey[0] === "consolidation-final-subscription") {
+        return {
+          data: {
+            phase: "Phase 1",
+            phase_position: 4,
+            phase_subscriptions: 12,
+            airdrop_address: "0xabc123",
+            subscribed_count: 2,
+          },
+        };
+      }
+
+      return {
+        data: null,
+      };
+    });
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("shows the subscribed compact view without toggle controls", () => {
+    renderWithAuth(
+      <MemeSubscriptionRow
+        profileKey="test-key"
+        title="The Memes"
+        subscription={
+          {
+            token_id: 478,
+            contract: "0x123",
+            subscribed: true,
+            subscribed_count: 2,
+          } as any
+        }
+        eligibilityCount={3}
+        readonly
+        refresh={jest.fn()}
+        minting_today={false}
+        first
+        date={null}
+        variant="compact"
+        balanceLabel="0.1"
+        subscribedView
+      />
+    );
+
+    expect(screen.getByText("Subscribed")).toBeInTheDocument();
+    expect(screen.getByText("2 / 3")).toBeInTheDocument();
+    expect(
+      screen.queryByLabelText(/Toggle subscription for The Memes #478/)
+    ).not.toBeInTheDocument();
+    expect(
+      screen.queryByLabelText(/Select subscription quantity for The Memes/)
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getByText(/Phase: Phase 1 - Subscription Position: 4 \/ 12/)
+    ).toBeInTheDocument();
+  });
+
+  it("renders the compact balance label", () => {
+    renderWithAuth(
+      <MemeSubscriptionRow
+        profileKey="test-key"
+        title="The Memes"
+        subscription={
+          {
+            token_id: 478,
+            contract: "0x123",
+            subscribed: true,
+            subscribed_count: 2,
+          } as any
+        }
+        eligibilityCount={3}
+        readonly
+        refresh={jest.fn()}
+        minting_today={false}
+        first
+        date={null}
+        variant="compact"
+        balanceLabel="0.5"
+        subscribedView
+      />
+    );
+
+    expect(screen.getByText("Balance")).toBeInTheDocument();
+    expect(screen.getByText("0.5")).toBeInTheDocument();
+  });
+
+  it("omits phase metadata when the final subscription is unavailable", () => {
+    useQueryMock.mockImplementation(({ queryKey }) => {
+      if (queryKey[0] === "consolidation-final-subscription") {
+        return { data: null };
+      }
+
+      return {
+        data: null,
+      };
+    });
+
+    renderWithAuth(
+      <MemeSubscriptionRow
+        profileKey="test-key"
+        title="The Memes"
+        subscription={
+          {
+            token_id: 478,
+            contract: "0x123",
+            subscribed: true,
+            subscribed_count: 2,
+          } as any
+        }
+        eligibilityCount={3}
+        readonly
+        refresh={jest.fn()}
+        minting_today={false}
+        first
+        date={null}
+        variant="compact"
+        balanceLabel="0.5"
+        subscribedView
+      />
+    );
+
+    expect(screen.queryByText(/Phase:/)).not.toBeInTheDocument();
+  });
+});
diff --git a/components/home/now-minting/LatestDropNextMintSubscribe.tsx b/components/home/now-minting/LatestDropNextMintSubscribe.tsx
index 632c50257d..da6fde33b3 100644
--- a/components/home/now-minting/LatestDropNextMintSubscribe.tsx
+++ b/components/home/now-minting/LatestDropNextMintSubscribe.tsx
@@ -27,7 +27,12 @@ function getProfileKey(
   );
 }
 
-export default function LatestDropNextMintSubscribe() {
+export default function LatestDropNextMintSubscribe(
+  props: Readonly<{
+    showOnlyWhenSubscribed?: boolean;
+    readonly?: boolean;
+  }> = {}
+) {
   const { connectedProfile, activeProfileProxy } = useContext(AuthContext);
   const { country } = useCookieConsent();
   const { isIos } = useCapacitor();
@@ -53,17 +58,15 @@ export default function LatestDropNextMintSubscribe() {
     enabled: !hideSubscriptions && !!profileKey,
   });
 
-  const {
-    data: status,
-    refetch: refetchStatus,
-  } = useQuery<ApiUpcomingMemeSubscriptionStatus>({
-    queryKey: ["next-mint-subscription-status", profileKey, tokenId],
-    queryFn: async () =>
-      await commonApiFetch<ApiUpcomingMemeSubscriptionStatus>({
-        endpoint: `subscriptions/consolidation/upcoming-memes/${tokenId}/${profileKey}`,
-      }),
-    enabled: !hideSubscriptions && !!profileKey && hasTokenId,
-  });
+  const { data: status, refetch: refetchStatus } =
+    useQuery<ApiUpcomingMemeSubscriptionStatus>({
+      queryKey: ["next-mint-subscription-status", profileKey, tokenId],
+      queryFn: async () =>
+        await commonApiFetch<ApiUpcomingMemeSubscriptionStatus>({
+          endpoint: `subscriptions/consolidation/upcoming-memes/${tokenId}/${profileKey}`,
+        }),
+      enabled: !hideSubscriptions && !!profileKey && hasTokenId,
+    });
 
   const subscription = useMemo<NFTSubscription | null>(() => {
     if (!profileKey || !hasTokenId || !status) {
@@ -79,7 +82,20 @@ export default function LatestDropNextMintSubscribe() {
     } as NFTSubscription;
   }, [hasTokenId, profileKey, status, tokenId]);
 
-  if (hideSubscriptions || !profileKey || !subscription) {
+  const balanceLabel = useMemo(() => {
+    const balance = details?.balance ?? 0;
+    const safeBalance = Number.isFinite(balance) ? balance : 0;
+    return new Intl.NumberFormat(undefined, {
+      maximumFractionDigits: 6,
+    }).format(Math.round(safeBalance * 1_000_000) / 1_000_000);
+  }, [details?.balance]);
+
+  if (
+    hideSubscriptions ||
+    !profileKey ||
+    !subscription ||
+    (props.showOnlyWhenSubscribed && !subscription.subscribed)
+  ) {
     return null;
   }
 
@@ -93,7 +109,8 @@ export default function LatestDropNextMintSubscribe() {
           eligibilityCount={
             details?.subscription_eligibility_count ?? status?.eligibility ?? 1
           }
-          readonly={false}
+          balanceLabel={balanceLabel}
+          readonly={props.readonly ?? false}
           refresh={() => {
             refetchStatus();
           }}
diff --git a/components/home/now-minting/NowMintingDetails.tsx b/components/home/now-minting/NowMintingDetails.tsx
index a630bbad3f..7a58a2c108 100644
--- a/components/home/now-minting/NowMintingDetails.tsx
+++ b/components/home/now-minting/NowMintingDetails.tsx
@@ -10,6 +10,7 @@ import NowMintingCountdown from "./NowMintingCountdown";
 import NowMintingDetailsAccordion from "./NowMintingDetailsAccordion";
 import NowMintingHeader from "./NowMintingHeader";
 import NowMintingStatsGrid from "./NowMintingStatsGrid";
+import LatestDropNextMintSubscribe from "./LatestDropNextMintSubscribe";
 
 interface NowMintingDetailsProps {
   readonly nft: NFTWithMemesExtendedData;
@@ -34,6 +35,7 @@ export default function NowMintingDetails({ nft }: NowMintingDetailsProps) {
           mediaMimeType={fileMimeType}
         />
         <NowMintingStatsGrid nftId={nft.id} floorPrice={floorPrice} />
+        <LatestDropNextMintSubscribe showOnlyWhenSubscribed readonly />
         <NowMintingDetailsAccordion
           nftId={nft.id}
           mintDate={nft.mint_date}
diff --git a/components/user/subscriptions/MemeSubscriptionRow.tsx b/components/user/subscriptions/MemeSubscriptionRow.tsx
index 9b985dd7a7..36ef31d470 100644
--- a/components/user/subscriptions/MemeSubscriptionRow.tsx
+++ b/components/user/subscriptions/MemeSubscriptionRow.tsx
@@ -18,6 +18,7 @@ import { useContext, useEffect, useMemo, useState } from "react";
 import { Col, Container, Row } from "react-bootstrap";
 import Toggle from "react-toggle";
 import { Tooltip } from "react-tooltip";
+import EthereumIcon from "../utils/icons/EthereumIcon";
 
 export default function MemeSubscriptionRow(
   props: Readonly<{
@@ -31,6 +32,8 @@ export default function MemeSubscriptionRow(
     date: SeasonMintRow | null;
     refresh: () => void;
     variant?: "default" | "compact";
+    balanceLabel?: string;
+    subscribedView?: boolean;
   }>
 ) {
   const id = `subscription-${props.subscription.token_id}`;
@@ -263,31 +266,53 @@ export default function MemeSubscriptionRow(
   };
 
   if (isCompact) {
+    const isSubscribedView = !!props.subscribedView;
     return (
       <div className="tw-py-1">
         <div className="d-flex align-items-center justify-content-between gap-2">
-          <span className="tw-font-medium">Subscribe</span>
-          <div className="d-flex align-items-center gap-2">
-            {isSubmitting && <Spinner />}
-            <Toggle
-              disabled={isToggleDisabled}
-              id={id}
-              checked={subscribed}
-              icons={false}
-              onChange={submit}
-              aria-label={`Toggle subscription for ${props.title} #${props.subscription.token_id}`}
-            />
-            <span className="tw-flex tw-min-w-16 tw-items-center tw-gap-1">
-              {renderCountSelector({
-                selectClassName:
-                  "tw-rounded tw-border tw-border-iron-400 tw-bg-transparent tw-px-1 tw-text-iron-400",
-                disableWhenSingleOption: false,
-              })}
+          <span className="tw-flex tw-flex-wrap tw-items-center tw-gap-2 tw-leading-none">
+            <span className="tw-font-medium tw-leading-none">
+              {isSubscribedView ? "Subscribed" : "Subscribe"}
             </span>
-          </div>
+            {props.balanceLabel && (
+              <span className="tw-flex tw-items-center tw-gap-1 tw-text-sm tw-leading-none tw-text-iron-400">
+                <span className="tw-leading-none">Balance</span>
+                <span className="tw-leading-none tw-text-iron-300">
+                  {props.balanceLabel}
+                </span>
+                <span className="tw-flex tw-size-3.5 tw-items-center tw-justify-center tw-self-center tw-text-iron-400">
+                  <EthereumIcon />
+                </span>
+              </span>
+            )}
+          </span>
+          {isSubscribedView ? (
+            <span className="tw-whitespace-nowrap tw-text-sm tw-text-iron-300">
+              {subscribedCount} / {props.eligibilityCount}
+            </span>
+          ) : (
+            <div className="d-flex align-items-center gap-2">
+              {isSubmitting && <Spinner />}
+              <Toggle
+                disabled={isToggleDisabled}
+                id={id}
+                checked={subscribed}
+                icons={false}
+                onChange={submit}
+                aria-label={`Toggle subscription for ${props.title} #${props.subscription.token_id}`}
+              />
+              <span className="tw-flex tw-min-w-16 tw-items-center tw-gap-1">
+                {renderCountSelector({
+                  selectClassName:
+                    "tw-rounded tw-border tw-border-iron-400 tw-bg-transparent tw-px-1 tw-text-iron-400",
+                  disableWhenSingleOption: false,
+                })}
+              </span>
+            </div>
+          )}
         </div>
         {finalWithMetadata && (
-          <div className="tw-mt-2 tw-pr-2 font-smaller font-color-silver">
+          <div className="font-smaller font-color-silver tw-mt-2 tw-pr-2">
             Phase: {finalWithMetadata.phase} - Subscription Position:{" "}
             {finalWithMetadata.phasePosition.toLocaleString()} /{" "}
             {finalWithMetadata.phaseSubscriptions.toLocaleString()} - Airdrop
@@ -324,7 +349,7 @@ export default function MemeSubscriptionRow(
     <Container className="no-padding pt-2 pb-2">
       <Row>
         <Col className="d-flex gap-2 align-items-center justify-content-between">
-          <div className="d-flex flex-column gap-2 tw-flex-1 tw-min-w-0">
+          <div className="d-flex flex-column gap-2 tw-min-w-0 tw-flex-1">
             <span className="d-flex align-items-center gap-2">
               <span className="tw-font-medium">
                 {props.title} #{props.subscription.token_id}{" "}
@@ -368,8 +393,8 @@ export default function MemeSubscriptionRow(
                 {finalWithMetadata.phasePosition.toLocaleString()} /{" "}
                 {finalWithMetadata.phaseSubscriptions.toLocaleString()} -
                 Airdrop Address:{" "}
-                {formatAddress(finalWithMetadata.airdropAddress)} -
-                Subscription Count: x{finalWithMetadata.subscribedCount}
+                {formatAddress(finalWithMetadata.airdropAddress)} - Subscription
+                Count: x{finalWithMetadata.subscribedCount}
               </span>
             )}
           </div>
@@ -383,7 +408,7 @@ export default function MemeSubscriptionRow(
               onChange={submit}
               aria-label={`Toggle subscription for ${props.title} #${props.subscription.token_id}`}
             />
-            <span className="tw-flex tw-items-center tw-gap-1 tw-min-w-16">
+            <span className="tw-flex tw-min-w-16 tw-items-center tw-gap-1">
               {renderCountSelector({
                 selectClassName:
                   "tw-text-iron-400 tw-bg-transparent tw-border tw-border-iron-400 tw-rounded tw-px-1",