diff --git a/app/lish/[did]/[publication]/dashboard/Actions.tsx b/app/lish/[did]/[publication]/dashboard/Actions.tsx
index fbd807a0..66ca4065 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 "./settings/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/settings/PostOptions.tsx b/app/lish/[did]/[publication]/dashboard/settings/PostOptions.tsx
new file mode 100644
index 00000000..ad10c9bf
--- /dev/null
+++ b/app/lish/[did]/[publication]/dashboard/settings/PostOptions.tsx
@@ -0,0 +1,27 @@
+import { PubSettingsHeader } from "./PublicationSettings";
+
+export const PostOptions = (props: {
+  backToMenu: () => void;
+  loading: boolean;
+  setLoading: (l: boolean) => void;
+}) => {
+  return (
+    <div className="text-primary flex flex-col">
+      <PubSettingsHeader
+        loading={props.loading}
+        setLoadingAction={props.setLoading}
+        backToMenuAction={props.backToMenu}
+        state={"post-options"}
+      >
+        Post Options
+      </PubSettingsHeader>
+      <h4>Layout</h4>
+      <div>Post Width</div>
+      <div>Show Prev Next Buttons</div>
+      <hr />
+      <h4>Interactions</h4>
+      <div>Show Comments</div>
+      <div>Show Mentions</div>
+    </div>
+  );
+};
diff --git a/app/lish/[did]/[publication]/dashboard/PublicationSettings.tsx b/app/lish/[did]/[publication]/dashboard/settings/PublicationSettings.tsx
similarity index 81%
rename from app/lish/[did]/[publication]/dashboard/PublicationSettings.tsx
rename to app/lish/[did]/[publication]/dashboard/settings/PublicationSettings.tsx
index c9acf387..6b632938 100644
--- a/app/lish/[did]/[publication]/dashboard/PublicationSettings.tsx
+++ b/app/lish/[did]/[publication]/dashboard/settings/PublicationSettings.tsx
@@ -12,10 +12,13 @@ import { theme } from "tailwind.config";
 import { ButtonPrimary } from "components/Buttons";
 import { DotLoader } from "components/utils/DotLoader";
 import { ArrowRightTiny } from "components/Icons/ArrowRightTiny";
+import { PostOptions } from "./PostOptions";
+
+type menuState = "menu" | "general" | "theme" | "post-options";
 
 export function PublicationSettingsButton(props: { publication: string }) {
   let isMobile = useIsMobile();
-  let [state, setState] = useState<"menu" | "general" | "theme">("menu");
+  let [state, setState] = useState<menuState>("menu");
   let [loading, setLoading] = useState(false);
 
   return (
@@ -46,6 +49,12 @@ export function PublicationSettingsButton(props: { publication: string }) {
           loading={loading}
           setLoading={setLoading}
         />
+      ) : state === "post-options" ? (
+        <PostOptions
+          backToMenu={() => setState("menu")}
+          loading={loading}
+          setLoading={setLoading}
+        />
       ) : (
         <PubSettingsMenu
           state={state}
@@ -59,8 +68,8 @@ export function PublicationSettingsButton(props: { publication: string }) {
 }
 
 const PubSettingsMenu = (props: {
-  state: "menu" | "general" | "theme";
-  setState: (s: typeof props.state) => void;
+  state: menuState;
+  setState: (s: menuState) => void;
   loading: boolean;
   setLoading: (l: boolean) => void;
 }) => {
@@ -73,7 +82,9 @@ const PubSettingsMenu = (props: {
         loading={props.loading}
         setLoadingAction={props.setLoading}
         state={"menu"}
-      />
+      >
+        Settings
+      </PubSettingsHeader>
       <button
         className={menuItemClassName}
         type="button"
@@ -81,7 +92,7 @@ const PubSettingsMenu = (props: {
           props.setState("general");
         }}
       >
-        Publication Settings
+        General Settings
         <ArrowRightTiny />
       </button>
       <button
@@ -89,7 +100,15 @@ const PubSettingsMenu = (props: {
         type="button"
         onClick={() => props.setState("theme")}
       >
-        Publication Theme
+        Theme
+        <ArrowRightTiny />
+      </button>
+      <button
+        className={menuItemClassName}
+        type="button"
+        onClick={() => props.setState("post-options")}
+      >
+        Post Layout
         <ArrowRightTiny />
       </button>
     </div>
@@ -97,20 +116,15 @@ const PubSettingsMenu = (props: {
 };
 
 export const PubSettingsHeader = (props: {
-  state: "menu" | "general" | "theme";
+  state: menuState;
   backToMenuAction?: () => void;
   loading: boolean;
   setLoadingAction: (l: boolean) => void;
+  children: React.ReactNode;
 }) => {
   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.children}
       {props.state !== "menu" && (
         <div className="flex gap-2">
           <button
diff --git a/app/lish/createPub/UpdatePubForm.tsx b/app/lish/createPub/UpdatePubForm.tsx
index b7dfb569..6855ae85 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/settings/PublicationSettings";
 
 export const EditPubForm = (props: {
   backToMenuAction: () => void;
@@ -86,7 +86,9 @@ export const EditPubForm = (props: {
         setLoadingAction={props.setLoadingAction}
         backToMenuAction={props.backToMenuAction}
         state={"theme"}
-      />
+      >
+        General 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/ThemeManager/PubThemeSetter.tsx b/components/ThemeManager/PubThemeSetter.tsx
index 297cb1a8..a4e4ff2f 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/settings/PublicationSettings";
 import { ColorToRGB, ColorToRGBA } from "./colorToLexicons";
 import { useToaster } from "components/Toast";
 import { OAuthErrorMessage, isOAuthSessionError } from "components/OAuthError";
@@ -116,7 +116,9 @@ export const PubThemeSetter = (props: {
           setLoadingAction={props.setLoading}
           backToMenuAction={props.backToMenu}
           state={"theme"}
-        />
+        >
+          Theme
+        </PubSettingsHeader>
       </form>
 
       <div className="themeSetterContent flex flex-col w-full overflow-y-scroll -mb-2 ">