diff --git a/apps/web/app/(ee)/app.dub.co/embed/referrals/page-client.tsx b/apps/web/app/(ee)/app.dub.co/embed/referrals/page-client.tsx
index 44aaa27db9a..99dce0dcaba 100644
--- a/apps/web/app/(ee)/app.dub.co/embed/referrals/page-client.tsx
+++ b/apps/web/app/(ee)/app.dub.co/embed/referrals/page-client.tsx
@@ -157,6 +157,9 @@ export function ReferralsEmbedPageClient({
 
   const programEmbedData = programEmbedSchema.parse(program.embedData);
 
+  const termsHref =
+    (programEmbedData?.customTermsUrl || program.termsUrl) ?? undefined;
+
   const hasResources =
     resources &&
     ["logos", "colors", "files"].some(
@@ -174,7 +177,7 @@ export function ReferralsEmbedPageClient({
     () => [
       ...(showQuickstart ? ["Quickstart"] : []),
       ...(activeBountiesCount > 0 ? ["Bounties"] : []),
-      "Earnings",
+      ...(!programEmbedData?.hideEarnings ? ["Earnings"] : []),
       ...(group.additionalLinks.length > 0 ? ["Links"] : []),
       ...(programEmbedData?.leaderboard?.mode === "disabled"
         ? []
@@ -248,9 +251,9 @@ export function ReferralsEmbedPageClient({
                 <span className="text-content-emphasis text-base font-semibold leading-none">
                   Rewards
                 </span>
-                {program.termsUrl && (
+                {termsHref && (
                   <a
-                    href={program.termsUrl}
+                    href={termsHref}
                     target="_blank"
                     className="text-content-subtle text-xs font-medium leading-none underline-offset-2 hover:underline"
                   >
@@ -261,8 +264,14 @@ export function ReferralsEmbedPageClient({
               <div className="text-content-emphasis relative mt-4 text-lg">
                 <ProgramRewardList rewards={rewards} discount={discount} />
                 <ProgramRewardTerms
-                  minPayoutAmount={program.minPayoutAmount}
-                  holdingPeriodDays={group.holdingPeriodDays ?? 0}
+                  minPayoutAmount={
+                    programEmbedData?.hideEarnings ? 0 : program.minPayoutAmount
+                  }
+                  holdingPeriodDays={
+                    programEmbedData?.hideEarnings
+                      ? 0
+                      : group.holdingPeriodDays ?? 0
+                  }
                 />
               </div>
             </div>
@@ -281,9 +290,18 @@ export function ReferralsEmbedPageClient({
               </div>
             )}
           </div>
-          <div className="mt-4 grid gap-2 sm:h-32 sm:grid-cols-3">
+          <div
+            className={cn(
+              "mt-4 grid gap-2 sm:h-32 sm:grid-cols-3",
+              programEmbedData?.hideEarnings
+                ? "sm:grid-cols-1"
+                : "sm:grid-cols-3",
+            )}
+          >
             <ReferralsEmbedActivity />
-            <ReferralsEmbedEarningsSummary />
+            {!programEmbedData?.hideEarnings && (
+              <ReferralsEmbedEarningsSummary />
+            )}
           </div>
           <div className="mt-4">
             <div className="border-border-subtle flex items-center border-b">
diff --git a/apps/web/app/(ee)/app.dub.co/embed/referrals/quickstart.tsx b/apps/web/app/(ee)/app.dub.co/embed/referrals/quickstart.tsx
index d722c5fb7bd..93841efa6d8 100644
--- a/apps/web/app/(ee)/app.dub.co/embed/referrals/quickstart.tsx
+++ b/apps/web/app/(ee)/app.dub.co/embed/referrals/quickstart.tsx
@@ -1,4 +1,5 @@
 import { constructPartnerLink } from "@/lib/partners/construct-partner-link";
+import { programEmbedSchema } from "@/lib/zod/schemas/program-embed";
 import {
   Button,
   Carousel,
@@ -23,9 +24,10 @@ export function ReferralsEmbedQuickstart({
   setSelectedTab,
 }: {
   hasResources: boolean;
-  setSelectedTab: (tab: "Links" | "Resources") => void;
+  setSelectedTab: (tab: "Links" | "Resources" | "FAQ") => void;
 }) {
   const { program, group, links, earnings } = useReferralsEmbedData();
+  const programEmbedData = programEmbedSchema.parse(program.embedData);
 
   const [copied, copyToClipboard] = useCopyToClipboard();
   const { isMobile } = useMediaQuery();
@@ -99,26 +101,46 @@ export function ReferralsEmbedQuickstart({
         />
       ),
     },
-    {
-      title: "Receive earnings",
-      description:
-        "Connect payouts to get rewarded for the activity you drive, with earnings tracked automatically.",
-      illustration: <ConnectPayouts logo={group.logo ?? DUB_LOGO} />,
-      cta: (
-        <Button
-          className={payoutsDisabled ? "h-9 rounded-lg" : BUTTON_CLASSNAME}
-          disabledTooltip={
-            payoutsDisabled
-              ? "You will be able to withdraw your earnings once you have made at least one sale."
-              : undefined
-          }
-          onClick={() =>
-            window.open("https://partners.dub.co/payouts", "_blank")
-          }
-          text="Connect payouts"
-        />
-      ),
-    },
+    ...(programEmbedData?.hideEarnings
+      ? [
+          {
+            title: "Browse the FAQ",
+            description:
+              "Find answers about this program, how referrals are tracked, and what happens after you share your link.",
+            illustration: <FaqAccordionList />,
+            cta: (
+              <Button
+                className="h-9 rounded-lg"
+                text="View FAQs"
+                onClick={() => setSelectedTab("FAQ")}
+              />
+            ),
+          },
+        ]
+      : [
+          {
+            title: "Receive earnings",
+            description:
+              "Connect payouts to get rewarded for the activity you drive, with earnings tracked automatically.",
+            illustration: <ConnectPayouts logo={group.logo ?? DUB_LOGO} />,
+            cta: (
+              <Button
+                className={
+                  payoutsDisabled ? "h-9 rounded-lg" : BUTTON_CLASSNAME
+                }
+                disabledTooltip={
+                  payoutsDisabled
+                    ? "You will be able to withdraw your earnings once you have made at least one sale."
+                    : undefined
+                }
+                onClick={() =>
+                  window.open("https://partners.dub.co/payouts", "_blank")
+                }
+                text="Connect payouts"
+              />
+            ),
+          },
+        ]),
   ];
 
   return (
@@ -175,6 +197,146 @@ const BG_DEFAULT = "rgb(var(--bg-default))";
 const BORDER_SUBTLE = "rgb(var(--border-subtle))";
 const CONTENT_SUBTLE = "rgb(var(--content-subtle))";
 
+/** Accordion-style FAQ list illustration (matches 194×121 quickstart art). */
+const FaqAccordionList = () => (
+  <svg
+    width="194"
+    height="121"
+    viewBox="0 0 194 121"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className="h-auto w-full"
+    aria-hidden
+  >
+    <rect width="194" height="121" fill={BG_MUTED} />
+    <rect
+      x="20.5"
+      y="11.5"
+      width="153"
+      height="98"
+      rx="10.5"
+      fill={BG_DEFAULT}
+      stroke={BORDER_SUBTLE}
+    />
+    {/* Expanded item — header */}
+    <rect x="28" y="19" width="138" height="18" rx="5" fill={BG_MUTED} />
+    <rect
+      x="36"
+      y="25.5"
+      width="72"
+      height="3"
+      rx="1.5"
+      fill={CONTENT_SUBTLE}
+      opacity={0.45}
+    />
+    <rect
+      x="36"
+      y="31"
+      width="48"
+      height="3"
+      rx="1.5"
+      fill={CONTENT_SUBTLE}
+      opacity={0.32}
+    />
+    {/* × — expanded (rotated +) */}
+    <path
+      d="M155.25 25.25l5.5 5.5M160.75 25.25l-5.5 5.5"
+      stroke={CONTENT_SUBTLE}
+      strokeWidth="1.25"
+      strokeLinecap="round"
+    />
+    {/* Expanded item — answer body */}
+    <rect
+      x="28"
+      y="39"
+      width="138"
+      height="22"
+      rx="5"
+      fill={BG_DEFAULT}
+      stroke={BORDER_SUBTLE}
+    />
+    <rect
+      x="36"
+      y="46"
+      width="98"
+      height="2.5"
+      rx="1.25"
+      fill={CONTENT_SUBTLE}
+      opacity={0.38}
+    />
+    <rect
+      x="36"
+      y="52"
+      width="76"
+      height="2.5"
+      rx="1.25"
+      fill={CONTENT_SUBTLE}
+      opacity={0.28}
+    />
+    <rect
+      x="36"
+      y="58"
+      width="56"
+      height="2.5"
+      rx="1.25"
+      fill={CONTENT_SUBTLE}
+      opacity={0.22}
+    />
+    {/* Collapsed row 2 */}
+    <rect
+      x="28"
+      y="65"
+      width="138"
+      height="17"
+      rx="5"
+      fill={BG_DEFAULT}
+      stroke={BORDER_SUBTLE}
+    />
+    <rect
+      x="36"
+      y="72"
+      width="68"
+      height="3"
+      rx="1.5"
+      fill={CONTENT_SUBTLE}
+      opacity={0.42}
+    />
+    {/* + — collapsed */}
+    <path
+      d="M155.25 73.5h5.5M158 71.25v5.5"
+      stroke={CONTENT_SUBTLE}
+      strokeWidth="1.25"
+      strokeLinecap="round"
+    />
+    {/* Collapsed row 3 */}
+    <rect
+      x="28"
+      y="86"
+      width="138"
+      height="17"
+      rx="5"
+      fill={BG_DEFAULT}
+      stroke={BORDER_SUBTLE}
+    />
+    <rect
+      x="36"
+      y="93"
+      width="58"
+      height="3"
+      rx="1.5"
+      fill={CONTENT_SUBTLE}
+      opacity={0.38}
+    />
+    {/* + — collapsed */}
+    <path
+      d="M155.25 94.5h5.5M158 92.25v5.5"
+      stroke={CONTENT_SUBTLE}
+      strokeWidth="1.25"
+      strokeLinecap="round"
+    />
+  </svg>
+);
+
 const ShareLink = () => {
   return (
     <svg
diff --git a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-menu-popover.tsx b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-menu-popover.tsx
index 24e2a2f1609..403514daf4d 100644
--- a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-menu-popover.tsx
+++ b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-menu-popover.tsx
@@ -1,26 +1,19 @@
 "use client";
 
-import useWorkspace from "@/lib/swr/use-workspace";
 import { useExportCommissionsModal } from "@/ui/modals/export-commissions-modal";
 import { ThreeDots } from "@/ui/shared/icons";
 import {
   Button,
-  ChartLine,
   Download,
   IconMenu,
   Popover,
   Refresh2,
-  useRouterStuff,
 } from "@dub/ui";
-import Link from "next/link";
 import { useState } from "react";
 import { useCreateClawbackSheet } from "./create-clawback-sheet";
 
 export function CommissionsMenuPopover() {
   const [openPopover, setOpenPopover] = useState(false);
-  const { slug } = useWorkspace();
-  const { getQueryString } = useRouterStuff();
-
   const { createClawbackSheet, setIsOpen: setClawbackSheetOpen } =
     useCreateClawbackSheet({});
 
@@ -47,27 +40,6 @@ export function CommissionsMenuPopover() {
                   icon={<Refresh2 className="size-4" />}
                 />
               </button>
-              <Link
-                href={`/${slug}/program/analytics/commissions${getQueryString(
-                  undefined,
-                  {
-                    include: [
-                      "interval",
-                      "start",
-                      "end",
-                      "partnerId",
-                      "groupId",
-                      "type",
-                    ],
-                  },
-                )}`}
-                className="w-full rounded-md p-2 hover:bg-neutral-100 active:bg-neutral-200"
-              >
-                <IconMenu
-                  text="View analytics"
-                  icon={<ChartLine className="size-4" />}
-                />
-              </Link>
             </div>
 
             <div className="border-t border-neutral-200" />
diff --git a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-table.tsx b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-table.tsx
index 86132c0ba2b..ce2cd019f4c 100644
--- a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-table.tsx
+++ b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/commissions/commissions-table.tsx
@@ -21,6 +21,7 @@ import SimpleDateRangePicker from "@/ui/shared/simple-date-range-picker";
 import {
   AnimatedSizeContainer,
   Button,
+  ChartLine,
   EditColumnsButton,
   Filter,
   StatusBadge,
@@ -28,6 +29,7 @@ import {
   TimestampTooltip,
   Tooltip,
   useColumnVisibility,
+  useMediaQuery,
   usePagination,
   useRouterStuff,
   useTable,
@@ -40,6 +42,7 @@ import {
   formatDateTimeSmart,
   nFormatter,
 } from "@dub/utils";
+import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useMemo } from "react";
 import useSWR from "swr";
@@ -435,6 +438,9 @@ export function CommissionsTable() {
 }
 
 function CommissionsFilters() {
+  const { slug } = useWorkspace();
+  const { getQueryString } = useRouterStuff();
+  const { isMobile } = useMediaQuery();
   const {
     filters,
     activeFilters,
@@ -449,7 +455,7 @@ function CommissionsFilters() {
 
   return (
     <div>
-      <div className="flex flex-col gap-3 md:flex-row md:items-center">
+      <div className="flex w-full flex-col items-center gap-2 min-[550px]:flex-row min-[550px]:items-center">
         <Filter.Select
           className="w-full md:w-fit"
           filters={filters}
@@ -460,10 +466,36 @@ function CommissionsFilters() {
           onSearchChange={setSearch}
           isAdvancedFilter
         />
-        <SimpleDateRangePicker
-          className="w-full sm:min-w-[200px] md:w-fit"
-          defaultInterval="all"
-        />
+        <div className="flex w-full grow items-center gap-2 md:w-auto">
+          <SimpleDateRangePicker
+            className="w-full min-w-0 sm:min-w-[200px] md:w-fit"
+            defaultInterval="all"
+          />
+          <div className="flex grow justify-end gap-2">
+            <Link
+              href={`/${slug}/program/analytics/commissions${getQueryString(
+                undefined,
+                {
+                  include: [
+                    "interval",
+                    "start",
+                    "end",
+                    "partnerId",
+                    "groupId",
+                    "type",
+                  ],
+                },
+              )}`}
+            >
+              <Button
+                variant="secondary"
+                className="w-fit"
+                icon={<ChartLine className="h-4 w-4 text-neutral-600" />}
+                text={isMobile ? undefined : "View Analytics"}
+              />
+            </Link>
+          </div>
+        </div>
       </div>
       <AnimatedSizeContainer height>
         <div>
diff --git a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/applications-menu-popover.tsx b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/applications-menu-popover.tsx
index 6c333bc52e1..cf2fce98739 100644
--- a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/applications-menu-popover.tsx
+++ b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/applications-menu-popover.tsx
@@ -7,12 +7,10 @@ import { useExportApplicationsModal } from "@/ui/modals/export-applications-moda
 import { ThreeDots } from "@/ui/shared/icons";
 import {
   Button,
-  ChartLine,
   Download,
   IconMenu,
   Popover,
   useMediaQuery,
-  useRouterStuff,
   UserXmark,
 } from "@dub/ui";
 import Link from "next/link";
@@ -21,7 +19,6 @@ import { useState } from "react";
 export function ApplicationsMenuPopover() {
   const { slug: workspaceSlug } = useWorkspace();
   const { program } = useProgram();
-  const { getQueryString } = useRouterStuff();
 
   const [openPopover, setOpenPopover] = useState(false);
 
@@ -59,16 +56,6 @@ export function ApplicationsMenuPopover() {
                   />
                 </button>
               </Link>
-              <Link
-                href={`/${workspaceSlug}/program/analytics/applications${getQueryString(undefined, { include: ["country"] })}`}
-                onClick={() => setOpenPopover(false)}
-                className="w-full rounded-md p-2 hover:bg-neutral-100 active:bg-neutral-200"
-              >
-                <IconMenu
-                  text="View analytics"
-                  icon={<ChartLine className="size-4" />}
-                />
-              </Link>
             </div>
 
             <div className="border-t border-neutral-200" />
diff --git a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/page-client.tsx b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/page-client.tsx
index 3a70e64d53d..6435bc10d43 100644
--- a/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/page-client.tsx
+++ b/apps/web/app/app.dub.co/(dashboard)/[slug]/(ee)/program/partners/applications/page-client.tsx
@@ -22,12 +22,14 @@ import { PlatformType } from "@dub/prisma/client";
 import {
   AnimatedSizeContainer,
   Button,
+  ChartLine,
   EditColumnsButton,
   Filter,
   MenuItem,
   Popover,
   Table,
   useColumnVisibility,
+  useMediaQuery,
   usePagination,
   useRouterStuff,
   useTable,
@@ -36,6 +38,7 @@ import { Dots, UserCheck, Users, UserXmark } from "@dub/ui/icons";
 import { COUNTRIES, fetcher, formatDate } from "@dub/utils";
 import { Row } from "@tanstack/react-table";
 import { Command } from "cmdk";
+import Link from "next/link";
 import { useEffect, useMemo, useState } from "react";
 import useSWR from "swr";
 import { usePartnerFilters } from "../use-partner-filters";
@@ -63,9 +66,10 @@ const applicationsColumns = {
 };
 
 export function ProgramPartnersApplicationsPageClient() {
-  const { id: workspaceId } = useWorkspace();
+  const { id: workspaceId, slug } = useWorkspace();
   const { queryParams, searchParams, searchParamsObj, getQueryString } =
     useRouterStuff();
+  const { isMobile } = useMediaQuery();
 
   const sortBy = searchParams.get("sortBy") || "createdAt";
   const sortOrder = searchParams.get("sortOrder") === "asc" ? "asc" : "desc";
@@ -452,7 +456,7 @@ export function ProgramPartnersApplicationsPageClient() {
       <BulkRejectPartnersModal />
 
       <div>
-        <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
+        <div className="flex w-full flex-col items-center gap-2 min-[550px]:flex-row min-[550px]:items-center">
           <Filter.Select
             className="w-full md:w-fit"
             filters={filters}
@@ -460,10 +464,29 @@ export function ProgramPartnersApplicationsPageClient() {
             onSelect={onSelect}
             onRemove={onRemove}
           />
-          <SearchBoxPersisted
-            placeholder="Search by name, email, or company"
-            inputClassName="md:w-80"
-          />
+          <div className="flex w-full grow items-center gap-2 md:w-auto">
+            <div className="min-w-0 flex-1">
+              <SearchBoxPersisted
+                placeholder="Search by name, email, or company"
+                inputClassName="w-full md:w-80"
+              />
+            </div>
+            <div className="flex shrink-0 justify-end gap-2">
+              <Link
+                href={`/${slug}/program/analytics/applications${getQueryString(
+                  undefined,
+                  { include: ["country"] },
+                )}`}
+              >
+                <Button
+                  variant="secondary"
+                  className="w-fit"
+                  icon={<ChartLine className="h-4 w-4 text-neutral-600" />}
+                  text={isMobile ? undefined : "View Analytics"}
+                />
+              </Link>
+            </div>
+          </div>
         </div>
         <AnimatedSizeContainer height>
           <div>
diff --git a/apps/web/lib/zod/schemas/program-embed.ts b/apps/web/lib/zod/schemas/program-embed.ts
index 2b8556aab96..583790826a0 100644
--- a/apps/web/lib/zod/schemas/program-embed.ts
+++ b/apps/web/lib/zod/schemas/program-embed.ts
@@ -10,5 +10,7 @@ export const programEmbedSchema = z
       })
       .nullish(),
     hidePoweredByBadge: z.boolean().default(false),
+    hideEarnings: z.boolean().default(false),
+    customTermsUrl: z.httpUrl().nullish(),
   })
   .nullish();
diff --git a/apps/web/ui/modals/application-settings-modal.tsx b/apps/web/ui/modals/application-settings-modal.tsx
index c26d196d7d0..e98e24f0788 100644
--- a/apps/web/ui/modals/application-settings-modal.tsx
+++ b/apps/web/ui/modals/application-settings-modal.tsx
@@ -107,7 +107,7 @@ function ApplicationSettingsModal({
     <Modal
       showModal={showApplicationSettingsModal}
       setShowModal={setShowApplicationSettingsModal}
-      className="flex max-h-[calc(100dvh-64px)] flex-col sm:max-h-[min(90dvh,720px)]"
+      className="flex max-h-[calc(100dvh-64px)] flex-col overflow-hidden sm:max-h-[min(90dvh,720px)]"
     >
       <div className="shrink-0 space-y-2 border-b border-neutral-200 p-4 sm:p-6">
         <h3 className="text-lg font-medium leading-none">
@@ -115,8 +115,11 @@ function ApplicationSettingsModal({
         </h3>
       </div>
 
-      <form onSubmit={onSubmit} className="flex min-h-0 flex-1 flex-col">
-        <div className="scrollbar-hide flex-1 overflow-y-auto">
+      <form
+        onSubmit={onSubmit}
+        className="flex min-h-0 flex-col overflow-hidden"
+      >
+        <div className="scrollbar-hide min-h-0 overflow-y-auto">
           <div
             className={cn(
               "space-y-6 bg-neutral-50 p-4 sm:p-6",