diff --git a/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentModal.tsx b/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentModal.tsx
deleted file mode 100644
index 0863cbbb..00000000
--- a/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentModal.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-'use client';
-import type { Protocol } from '@prisma/client';
-import { useState, useEffect } from 'react';
-import RecruitmentSwitch from '~/components/RecruitmentSwitch';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '~/components/ui/dialog';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '~/components/ui/select';
-
-import { Button } from '~/components/ui/Button';
-import { api } from '~/trpc/client';
-import { getBaseUrl } from '~/trpc/shared';
-import CopyButton from '~/app/(dashboard)/dashboard/_components/ProtocolsTable/CopyButton';
-
-export const AnonymousRecruitmentModal = () => {
-  const { data: appSettings } = api.appSettings.get.useQuery();
-  const { data: protocolData, isLoading: isLoadingProtocols } =
-    api.protocol.get.all.useQuery();
-  const [protocols, setProtocols] = useState<Protocol[]>([]);
-  const [selectedProtocol, setSelectedProtocol] = useState<Protocol>();
-
-  const allowAnonymousRecruitment = !!appSettings?.allowAnonymousRecruitment;
-
-  useEffect(() => {
-    if (protocolData) {
-      setProtocols(protocolData);
-    }
-  }, [protocolData]);
-
-  const url = `${getBaseUrl()}/onboard/${selectedProtocol?.id}`;
-
-  return (
-    <Dialog onOpenChange={() => setSelectedProtocol(undefined)}>
-      <DialogTrigger asChild>
-        <Button>Anonymous Recruitment</Button>
-      </DialogTrigger>
-      <DialogContent>
-        <DialogHeader>
-          <DialogTitle>Anonymous Recruitment</DialogTitle>
-          <DialogDescription>
-            If anonymous recruitment is enabled, you may generate an anonymous
-            recruitment URL.
-          </DialogDescription>
-        </DialogHeader>
-        <div className="flex justify-between">
-          <p>Allow anonymous recruitment?</p>
-          <RecruitmentSwitch />
-        </div>
-        {allowAnonymousRecruitment && (
-          <>
-            <div>
-              <Select
-                onValueChange={(value) => {
-                  const protocol = protocols.find(
-                    (protocol) => protocol.id === value,
-                  );
-
-                  setSelectedProtocol(protocol);
-                }}
-                value={selectedProtocol?.id}
-                disabled={isLoadingProtocols}
-              >
-                <SelectTrigger>
-                  <SelectValue placeholder="Select a Protocol..." />
-                </SelectTrigger>
-                <SelectContent>
-                  {protocols?.map((protocol) => (
-                    <SelectItem key={protocol.id} value={protocol.id}>
-                      {protocol.name}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
-            {selectedProtocol && (
-              <div className="flex flex-row items-center justify-between gap-2 rounded-md bg-secondary p-4">
-                <div className="break-all">{url}</div>
-                <Button variant="ghost" size="icon">
-                  <CopyButton text={url} />
-                </Button>
-              </div>
-            )}
-          </>
-        )}
-      </DialogContent>
-    </Dialog>
-  );
-};
diff --git a/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentSection.tsx b/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentSection.tsx
new file mode 100644
index 00000000..d0377dfd
--- /dev/null
+++ b/app/(dashboard)/dashboard/_components/ProtocolsTable/AnonymousRecruitmentSection.tsx
@@ -0,0 +1,95 @@
+'use client';
+import type { Protocol } from '@prisma/client';
+import { useState, useEffect } from 'react';
+import RecruitmentSwitch from '~/components/RecruitmentSwitch';
+
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '~/components/ui/select';
+
+import { Button } from '~/components/ui/Button';
+import { api } from '~/trpc/client';
+import { getBaseUrl } from '~/trpc/shared';
+import CopyButton from '~/app/(dashboard)/dashboard/_components/ProtocolsTable/CopyButton';
+
+export const AnonymousRecruitmentSection = () => {
+  const { data: appSettings } = api.appSettings.get.useQuery();
+  const { data: protocolData, isLoading: isLoadingProtocols } =
+    api.protocol.get.all.useQuery();
+  const [protocols, setProtocols] = useState<Protocol[]>([]);
+  const [selectedProtocol, setSelectedProtocol] = useState<Protocol>();
+
+  const allowAnonymousRecruitment = !!appSettings?.allowAnonymousRecruitment;
+
+  useEffect(() => {
+    if (protocolData) {
+      setProtocols(protocolData);
+    }
+  }, [protocolData]);
+
+  useEffect(() => {
+    if (!allowAnonymousRecruitment) {
+      setSelectedProtocol(undefined);
+    }
+  }, [allowAnonymousRecruitment]);
+
+  const url = `${getBaseUrl()}/onboard/${selectedProtocol?.id}`;
+
+  return (
+    <div className="flex w-1/3 flex-col gap-4 rounded-lg border border-solid p-6">
+      <div>
+        <h1 className="pb-2 text-xl">Anonymous Recruitment</h1>
+        <p className="text-sm text-muted-foreground">
+          If anonymous recruitment is enabled, you may generate an anonymous
+          recruitment URL. This URL can be shared with participants to allow
+          them to self-enroll in your study.
+        </p>
+      </div>
+
+      <div className="flex justify-between">
+        <p>Allow anonymous recruitment?</p>
+        <RecruitmentSwitch />
+      </div>
+      {allowAnonymousRecruitment && (
+        <>
+          <div>
+            <Select
+              onValueChange={(value) => {
+                const protocol = protocols.find(
+                  (protocol) => protocol.id === value,
+                );
+
+                setSelectedProtocol(protocol);
+              }}
+              value={selectedProtocol?.id}
+              disabled={isLoadingProtocols}
+            >
+              <SelectTrigger>
+                <SelectValue placeholder="Select a Protocol..." />
+              </SelectTrigger>
+              <SelectContent>
+                {protocols?.map((protocol) => (
+                  <SelectItem key={protocol.id} value={protocol.id}>
+                    {protocol.name}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+          {selectedProtocol && (
+            <div className="flex flex-row items-center justify-between gap-2 rounded-md bg-secondary p-4">
+              <div className="break-all">{url}</div>
+              <Button variant="ghost" size="icon">
+                <CopyButton text={url} />
+              </Button>
+            </div>
+          )}
+        </>
+      )}
+    </div>
+  );
+};
diff --git a/app/(dashboard)/dashboard/_components/ProtocolsTable/ProtocolsTable.tsx b/app/(dashboard)/dashboard/_components/ProtocolsTable/ProtocolsTable.tsx
index 2018e644..5a9ead4f 100644
--- a/app/(dashboard)/dashboard/_components/ProtocolsTable/ProtocolsTable.tsx
+++ b/app/(dashboard)/dashboard/_components/ProtocolsTable/ProtocolsTable.tsx
@@ -7,7 +7,7 @@ import { api } from '~/trpc/client';
 import { DeleteProtocolsDialog } from '~/app/(dashboard)/dashboard/protocols/_components/DeleteProtocolsDialog';
 import { useState } from 'react';
 import type { ProtocolWithInterviews } from '~/shared/types';
-import { AnonymousRecruitmentModal } from './AnonymousRecruitmentModal';
+import { AnonymousRecruitmentSection } from './AnonymousRecruitmentSection';
 import { RecruitmentModal } from '../RecruitmentModal';
 
 export const ProtocolsTable = ({
@@ -38,7 +38,7 @@ export const ProtocolsTable = ({
   return (
     <>
       <div className="flex gap-2">
-        <AnonymousRecruitmentModal />
+        <AnonymousRecruitmentSection />
         <RecruitmentModal
           allowSelectParticipants
           description="Generate a CSV of participation URLs for selected participants by protocol."