diff --git a/app/lish/[handle]/[publication]/DraftList.tsx b/app/lish/[handle]/[publication]/DraftList.tsx
index a9581f7e..e56e55f5 100644
--- a/app/lish/[handle]/[publication]/DraftList.tsx
+++ b/app/lish/[handle]/[publication]/DraftList.tsx
@@ -5,6 +5,10 @@ import { usePublicationRelationship } from "./usePublicationRelationship";
 import { usePublicationContext } from "components/Providers/PublicationContext";
 import Link from "next/link";
 import { NewDraftSecondaryButton } from "./NewDraftButton";
+import { MoreOptionsTiny } from "components/Icons/MoreOptionsTiny";
+import { Menu, MenuItem } from "components/Layout";
+import { MoreOptionsVerticalTiny } from "components/Icons/MoreOptionsVerticalTiny";
+import { DeleteSmall } from "components/Icons/DeleteSmall";
 
 export function DraftList(props: {
   publication: string;
@@ -19,19 +23,46 @@ export function DraftList(props: {
   if (!publication) return null;
   if (!rel?.isAuthor) return null;
   return (
-    <div className="flex flex-col gap-2">
+    <div className="flex flex-col gap-4">
       <NewDraftSecondaryButton publication={props.publication} />
       {props.drafts.map((d) => {
-        return <Draft id={d.leaflet} key={d.leaflet} {...d} />;
+        return (
+          <>
+            <Draft id={d.leaflet} key={d.leaflet} {...d} />
+            <hr className="last:hidden border-border-light" />
+          </>
+        );
       })}
     </div>
   );
 }
 
-function Draft(props: { id: string; title: string }) {
+function Draft(props: { id: string; title: string; description: string }) {
   return (
-    <Link key={props.id} href={`/${props.id}`}>
-      <h3>{props.title}</h3>
-    </Link>
+    <div className="flex flex-row gap-2 items-start">
+      <Link
+        key={props.id}
+        href={`/${props.id}`}
+        className="flex flex-col gap-0 hover:!no-underline grow"
+      >
+        {props.title ? (
+          <h3 className="text-primary">{props.title}</h3>
+        ) : (
+          <h3 className="text-tertiary italic">Untitled</h3>
+        )}
+        <div className="text-secondary italic">{props.description}</div>
+      </Link>
+      <DraftOptionsMenu />
+    </div>
   );
 }
+
+const DraftOptionsMenu = () => {
+  return (
+    <Menu trigger={<MoreOptionsVerticalTiny />}>
+      <MenuItem onSelect={() => {}}>
+        <DeleteSmall /> Delete Draft
+      </MenuItem>
+    </Menu>
+  );
+};
diff --git a/app/lish/[handle]/[publication]/NewDraftButton.tsx b/app/lish/[handle]/[publication]/NewDraftButton.tsx
index 65701501..8dc4a491 100644
--- a/app/lish/[handle]/[publication]/NewDraftButton.tsx
+++ b/app/lish/[handle]/[publication]/NewDraftButton.tsx
@@ -35,7 +35,7 @@ export function NewDraftSecondaryButton(props: { publication: string }) {
       }}
     >
       <AddTiny className="m-1 shrink-0" />
-      <span>New Post</span>
+      <span>New Draft</span>
     </ButtonSecondary>
   );
 }
diff --git a/app/lish/[handle]/[publication]/PublicationDashboard.tsx b/app/lish/[handle]/[publication]/PublicationDashboard.tsx
index 0e069f7b..b6027f43 100644
--- a/app/lish/[handle]/[publication]/PublicationDashboard.tsx
+++ b/app/lish/[handle]/[publication]/PublicationDashboard.tsx
@@ -11,8 +11,8 @@ export function PublicationDashboard<T extends Tabs>(props: {
   let content = props.tabs[tab];
   return (
     <div className="w-full flex flex-col items-stretch">
-      <div className="flex flex-row w-full justify-between border-b border-border text-secondary">
-        <div>{props.name}</div>
+      <div className="flex flex-row w-full justify-between border-b border-border text-secondary items-center">
+        <div className="font-bold text-tertiary">{props.name}</div>
         <div className="flex flex-row gap-2">
           {Object.keys(props.tabs).map((t) => (
             <Tab
@@ -32,7 +32,7 @@ export function PublicationDashboard<T extends Tabs>(props: {
 function Tab(props: { name: string; selected: boolean; onSelect: () => void }) {
   return (
     <div
-      className={`border bg-bg-page  border-b-0 px-2 pt-1 rounded-t-md border-border ${props.selected ? "text-accent-1 font-bold -mb-[1px]" : ""}`}
+      className={`border bg-bg-page  border-b-0 px-2 pt-1 pb-0.5 rounded-t-md border-border ${props.selected ? "text-accent-1 font-bold -mb-[1px]" : ""}`}
       onClick={() => props.onSelect()}
     >
       {props.name}
diff --git a/app/lish/[handle]/[publication]/page.tsx b/app/lish/[handle]/[publication]/page.tsx
index 3433ff18..2a72ce44 100644
--- a/app/lish/[handle]/[publication]/page.tsx
+++ b/app/lish/[handle]/[publication]/page.tsx
@@ -61,11 +61,15 @@ export default async function Publication(props: {
 
   try {
     return (
-      <div className="relative max-w-screen-lg w-full h-full mx-auto flex sm:flex-row flex-col sm:items-stretch sm:px-6">
-        <Sidebar className="mt-6 p-2">
-          <Actions publication={publication.uri} />
-        </Sidebar>
-        <div className={`h-full overflow-y-scroll pl-8 pt-8 w-full`}>
+      <div className="relative max-w-prose w-full h-full mx-auto flex sm:flex-row flex-col sm:items-stretch sm:px-6">
+        <div className="w-12 relative">
+          <Sidebar className="mt-6 p-2">
+            <Actions publication={publication.uri} />
+          </Sidebar>
+        </div>
+        <div
+          className={`h-full overflow-y-scroll pt-4 px-3 sm:pl-8 sm:pr-1 sm:pt-9 w-full`}
+        >
           <PublicationDashboard
             name={publication.name}
             tabs={{
diff --git a/components/Icons/MoreOptionsVerticalTiny.tsx b/components/Icons/MoreOptionsVerticalTiny.tsx
new file mode 100644
index 00000000..7d0a09a8
--- /dev/null
+++ b/components/Icons/MoreOptionsVerticalTiny.tsx
@@ -0,0 +1,18 @@
+import { Props } from "./Props";
+
+export const MoreOptionsVerticalTiny = (props: Props) => {
+  return (
+    <svg
+      width="12"
+      height="24"
+      viewBox="0 0 12 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6 15.5C6.82843 15.5 7.5 16.1716 7.5 17C7.5 17.8284 6.82843 18.5 6 18.5C5.17157 18.5 4.5 17.8284 4.5 17C4.5 16.1716 5.17157 15.5 6 15.5ZM6 10.5C6.82843 10.5 7.5 11.1716 7.5 12C7.5 12.8284 6.82843 13.5 6 13.5C5.17157 13.5 4.5 12.8284 4.5 12C4.5 11.1716 5.17157 10.5 6 10.5ZM6 5.5C6.82843 5.5 7.5 6.17157 7.5 7C7.5 7.82843 6.82843 8.5 6 8.5C5.17157 8.5 4.5 7.82843 4.5 7C4.5 6.17157 5.17157 5.5 6 5.5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
diff --git a/components/Pages/PublicationMetadata.tsx b/components/Pages/PublicationMetadata.tsx
index e2e6697f..c6c1fd19 100644
--- a/components/Pages/PublicationMetadata.tsx
+++ b/components/Pages/PublicationMetadata.tsx
@@ -43,7 +43,7 @@ export const PublicationMetadata = ({
 
   return (
     <div
-      className={`flex flex-col px-3 sm:px-4 pb-4 sm:pb-6  ${cardBorderHidden ? "sm:pt-6 pt-0" : "sm:pt-4 pt-2"}`}
+      className={`flex flex-col px-3 sm:px-4 pb-4 sm:pb-4  ${cardBorderHidden ? "sm:pt-6 pt-0" : "sm:pt-4 pt-2"}`}
     >
       <Link
         href={`/lish/${identity?.resolved_did?.alsoKnownAs?.[0].slice(5)}/${pub.publications.name}`}
@@ -61,7 +61,7 @@ export const PublicationMetadata = ({
       />
       <AutosizeTextarea
         placeholder="add an optional description..."
-        className="italic text-secondary outline-none bg-transparent"
+        className="italic text-secondary outline-none bg-transparent pt-1"
         value={descriptionState}
         onChange={(e) => {
           setDescriptionState(e.currentTarget.value);
@@ -70,7 +70,7 @@ export const PublicationMetadata = ({
       {pub.doc ? (
         <p>Published</p>
       ) : (
-        <p className="text-sm text-tertiary p-1">Draft</p>
+        <p className="text-sm text-tertiary pt-1">Draft</p>
       )}
     </div>
   );