diff --git a/app/lish/[did]/[publication]/dashboard/Actions.tsx b/app/lish/[did]/[publication]/dashboard/Actions.tsx
index fbd807a0..94f934d6 100644
--- a/app/lish/[did]/[publication]/dashboard/Actions.tsx
+++ b/app/lish/[did]/[publication]/dashboard/Actions.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { NewDraftActionButton } from "./NewDraftButton";
-import { PublicationSettingsButton } from "./PublicationSettings";
+import { PublicationSettingsButton } from "./publicationSettings/PublicationSettings";
 import { ActionButton } from "components/ActionBar/ActionButton";
 import { ShareSmall } from "components/Icons/ShareSmall";
 import { Menu } from "components/Layout";
diff --git a/app/lish/[did]/[publication]/dashboard/PublicationSettings.tsx b/app/lish/[did]/[publication]/dashboard/PublicationSettings.tsx
deleted file mode 100644
index c9acf387..00000000
--- a/app/lish/[did]/[publication]/dashboard/PublicationSettings.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-"use client";
-
-import { ActionButton } from "components/ActionBar/ActionButton";
-import { Popover } from "components/Popover";
-import { SettingsSmall } from "components/Icons/SettingsSmall";
-import { EditPubForm } from "app/lish/createPub/UpdatePubForm";
-import { PubThemeSetter } from "components/ThemeManager/PubThemeSetter";
-import { useIsMobile } from "src/hooks/isMobile";
-import { useState } from "react";
-import { GoBackSmall } from "components/Icons/GoBackSmall";
-import { theme } from "tailwind.config";
-import { ButtonPrimary } from "components/Buttons";
-import { DotLoader } from "components/utils/DotLoader";
-import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
-
-export function PublicationSettingsButton(props: { publication: string }) {
-  let isMobile = useIsMobile();
-  let [state, setState] = useState<"menu" | "general" | "theme">("menu");
-  let [loading, setLoading] = useState(false);
-
-  return (
-    <Popover
-      asChild
-      onOpenChange={() => setState("menu")}
-      side={isMobile ? "top" : "right"}
-      align={isMobile ? "center" : "start"}
-      className={`max-w-xs w-[1000px] ${state === "theme" && "bg-white!"}`}
-      arrowFill={theme.colors["border-light"]}
-      trigger={
-        <ActionButton
-          id="pub-settings-button"
-          icon=<SettingsSmall />
-          label="Settings"
-        />
-      }
-    >
-      {state === "general" ? (
-        <EditPubForm
-          backToMenuAction={() => setState("menu")}
-          loading={loading}
-          setLoadingAction={setLoading}
-        />
-      ) : state === "theme" ? (
-        <PubThemeSetter
-          backToMenu={() => setState("menu")}
-          loading={loading}
-          setLoading={setLoading}
-        />
-      ) : (
-        <PubSettingsMenu
-          state={state}
-          setState={setState}
-          loading={loading}
-          setLoading={setLoading}
-        />
-      )}
-    </Popover>
-  );
-}
-
-const PubSettingsMenu = (props: {
-  state: "menu" | "general" | "theme";
-  setState: (s: typeof props.state) => void;
-  loading: boolean;
-  setLoading: (l: boolean) => void;
-}) => {
-  let menuItemClassName =
-    "menuItem -mx-[8px] text-left flex items-center justify-between hover:no-underline!";
-
-  return (
-    <div className="flex flex-col gap-0.5">
-      <PubSettingsHeader
-        loading={props.loading}
-        setLoadingAction={props.setLoading}
-        state={"menu"}
-      />
-      <button
-        className={menuItemClassName}
-        type="button"
-        onClick={() => {
-          props.setState("general");
-        }}
-      >
-        Publication Settings
-        <ArrowRightTiny />
-      </button>
-      <button
-        className={menuItemClassName}
-        type="button"
-        onClick={() => props.setState("theme")}
-      >
-        Publication Theme
-        <ArrowRightTiny />
-      </button>
-    </div>
-  );
-};
-
-export const PubSettingsHeader = (props: {
-  state: "menu" | "general" | "theme";
-  backToMenuAction?: () => void;
-  loading: boolean;
-  setLoadingAction: (l: boolean) => void;
-}) => {
-  return (
-    <div className="flex justify-between font-bold text-secondary bg-border-light -mx-3 -mt-2 px-3 py-2 mb-1">
-      {props.state === "menu"
-        ? "Settings"
-        : props.state === "general"
-          ? "General"
-          : props.state === "theme"
-            ? "Publication Theme"
-            : ""}
-      {props.state !== "menu" && (
-        <div className="flex gap-2">
-          <button
-            type="button"
-            onClick={() => {
-              props.backToMenuAction && props.backToMenuAction();
-            }}
-          >
-            <GoBackSmall className="text-accent-contrast" />
-          </button>
-
-          <ButtonPrimary compact type="submit">
-            {props.loading ? <DotLoader /> : "Update"}
-          </ButtonPrimary>
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationContributors.tsx b/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationContributors.tsx
index 396bcb36..d95060ab 100644
--- a/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationContributors.tsx
+++ b/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationContributors.tsx
@@ -7,6 +7,8 @@ import { DeleteSmall } from "components/Icons/DeleteSmall";
 import { useState } from "react";
 import { Input } from "components/Input";
 import { ButtonPrimary } from "components/Buttons";
+import { PopoverArrow } from "components/Icons/PopoverArrow";
+import { useSmoker } from "components/Toast";
 
 export const PubContributorManager = (props: {
   backToMenuAction: () => void;
@@ -54,17 +56,8 @@ const PubContributorsContent = (props: {
 }) => {
   let [inputValue, setInputValue] = useState("");
   return (
-    <div className="flex flex-col gap-1 ">
-      <div className="flex flex-col gap-1 py-2">
-        <div className="flex flex-col gap-0.5 text-sm text-tertiary ">
-          <ButtonPrimary fullWidth compact className=" ">
-            Get Contributor Invite Link
-          </ButtonPrimary>
-          Only added contributors can access
-        </div>
-      </div>
-      <hr className="border-border-light" />
-      <div className="flex flex-col gap-0.5 my-2">
+    <div className="flex flex-col gap-1 pt-2">
+      <div className="flex flex-col gap-0.5">
         <div className="font-bold text-tertiary text-sm">
           Add a New Contributor
         </div>
@@ -72,23 +65,40 @@ const PubContributorsContent = (props: {
           <div className="text-tertiary">@</div>
           <Input
             placeholder="search bluesky handles"
-            className="w-full outline-none!"
+            className="w-full outline-none! text-primary"
             value={inputValue}
             onChange={(e) => setInputValue(e.currentTarget.value)}
           />
         </div>
       </div>
+
+      <div className="flex flex-col gap-1 text-sm text-secondary text-center mb-2 mt-1 p-2 accent-container">
+        <ButtonPrimary fullWidth compact onClick={(e) => getContributorLink(e)}>
+          Copy Accept Invite Link
+        </ButtonPrimary>
+        Send this link to contributors so they can access this publication
+      </div>
+      <hr className="border-border-light" />
+
       {props.contributors.map((contributor) => {
         return (
           <div className="flex justify-between items-center">
-            <div className="flex gap-2 items-baseline">
-              <div className="font-bold text-secondary">{contributor.name}</div>
+            <div className="font-bold text-secondary truncate grow">
+              {contributor.name}
+            </div>
+
+            <div className="flex gap-2 items-center">
               {contributor.status === "pending" && (
-                <div className="text-sm text-tertiary italic">Invited</div>
+                <button
+                  className="text-sm text-accent-contrast italic w-max shrink-0"
+                  onClick={(e) => getContributorLink(e)}
+                >
+                  Resend Invite
+                </button>
               )}
-            </div>
 
-            <PubContributorOptions />
+              <PubContributorOptions />
+            </div>
           </div>
         );
       })}
@@ -96,9 +106,17 @@ const PubContributorsContent = (props: {
   );
 };
 
-const PubContibutor = () => {
-  return <div></div>;
-};
+function getContributorLink(e: React.MouseEvent) {
+  let smoker = useSmoker();
+
+  smoker({
+    text: "Copied Invite Link!",
+    position: {
+      y: e.clientY,
+      x: e.clientX,
+    },
+  });
+}
 
 const PubContributorOptions = () => {
   return (
diff --git a/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationSettings.tsx b/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationSettings.tsx
index 59a7f495..9a94286b 100644
--- a/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationSettings.tsx
+++ b/app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationSettings.tsx
@@ -1,5 +1,4 @@
 "use client";
-
 import { ActionButton } from "components/ActionBar/ActionButton";
 import { Popover } from "components/Popover";
 import { SettingsSmall } from "components/Icons/SettingsSmall";
@@ -27,7 +26,7 @@ export function PublicationSettingsButton(props: { publication: string }) {
       onOpenChange={() => setState("menu")}
       side={isMobile ? "top" : "right"}
       align={isMobile ? "center" : "start"}
-      className={`max-w-xs w-[1000px] ${state === "theme" && "bg-white!"}`}
+      className={`text-secondary max-w-xs w-[1000px] ${state === "theme" && "bg-white!"}`}
       arrowFill={theme.colors["border-light"]}
       trigger={
         <ActionButton
diff --git a/app/lish/createPub/UpdatePubForm.tsx b/app/lish/createPub/UpdatePubForm.tsx
index 85354893..a230b122 100644
--- a/app/lish/createPub/UpdatePubForm.tsx
+++ b/app/lish/createPub/UpdatePubForm.tsx
@@ -20,7 +20,7 @@ import { Verification } from "@vercel/sdk/esm/models/getprojectdomainop";
 import Link from "next/link";
 import { Checkbox } from "components/Checkbox";
 import type { GetDomainConfigResponseBody } from "@vercel/sdk/esm/models/getdomainconfigop";
-import { PubSettingsHeader } from "../[did]/[publication]/dashboard/PublicationSettings";
+import { PubSettingsHeader } from "../[did]/[publication]/dashboard/publicationSettings/PublicationSettings";
 
 export const EditPubForm = (props: {
   backToMenuAction: () => void;
@@ -84,10 +84,11 @@ export const EditPubForm = (props: {
     >
       <PubSettingsHeader
         loading={props.loading}
-        setLoadingAction={props.setLoadingAction}
         backToMenuAction={props.backToMenuAction}
         state={"theme"}
-      />
+      >
+        Publication Settings
+      </PubSettingsHeader>
       <div className="flex flex-col gap-3 w-[1000px] max-w-full pb-2">
         <div className="flex items-center justify-between gap-2 ">
           <p className="pl-0.5 pb-0.5 text-tertiary italic text-sm font-bold">
diff --git a/components/Icons/PopoverArrow.tsx b/components/Icons/PopoverArrow.tsx
index 25b77aca..d710b110 100644
--- a/components/Icons/PopoverArrow.tsx
+++ b/components/Icons/PopoverArrow.tsx
@@ -11,7 +11,7 @@ export const PopoverArrow = (
       height="8"
       viewBox="0 0 16 8"
       fill="none"
-      className="-mt-px"
+      className={`-mt-px ${props.className}`}
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
diff --git a/components/ThemeManager/PubThemeSetter.tsx b/components/ThemeManager/PubThemeSetter.tsx
index 26dfbe9d..00b14a1a 100644
--- a/components/ThemeManager/PubThemeSetter.tsx
+++ b/components/ThemeManager/PubThemeSetter.tsx
@@ -15,7 +15,7 @@ import { PagePickers } from "./PubPickers/PubTextPickers";
 import { BackgroundPicker } from "./PubPickers/PubBackgroundPickers";
 import { PubAccentPickers } from "./PubPickers/PubAcccentPickers";
 import { Separator } from "components/Layout";
-import { PubSettingsHeader } from "app/lish/[did]/[publication]/dashboard/PublicationSettings";
+import { PubSettingsHeader } from "app/lish/[did]/[publication]/dashboard/publicationSettings/PublicationSettings";
 
 export type ImageState = {
   src: string;
@@ -92,10 +92,11 @@ export const PubThemeSetter = (props: {
       >
         <PubSettingsHeader
           loading={props.loading}
-          setLoadingAction={props.setLoading}
           backToMenuAction={props.backToMenu}
           state={"theme"}
-        />
+        >
+          Publication Theme
+        </PubSettingsHeader>
       </form>
 
       <div className="themeSetterContent flex flex-col w-full overflow-y-scroll -mb-2 ">