diff --git a/app/globals.css b/app/globals.css
index 9c75c91c..0715e9ea 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -469,13 +469,20 @@ pre.shiki {
   @apply ml-2;
 }
 
+.container {
+  @apply border;
+  @apply border-border-light;
+  @apply rounded-md;
+  background: rgba(var(--bg-page), var(--bg-page-alpha));
+}
+
 .transparent-container {
   @apply border;
   @apply border-border-light;
   @apply rounded-md;
 }
 
-.container {
+.frosted-container {
   background: rgba(var(--bg-page), 0.75);
   @apply border;
   @apply border-bg-page;
diff --git a/app/lish/[did]/[publication]/dashboard/PublishedPostsLists.tsx b/app/lish/[did]/[publication]/dashboard/PublishedPostsLists.tsx
index 1de03e91..83a12aea 100644
--- a/app/lish/[did]/[publication]/dashboard/PublishedPostsLists.tsx
+++ b/app/lish/[did]/[publication]/dashboard/PublishedPostsLists.tsx
@@ -9,7 +9,10 @@ import {
 } from "./PublicationSWRProvider";
 import { Fragment } from "react";
 import { useParams } from "next/navigation";
-import { getPublicationURL, getDocumentURL } from "app/lish/createPub/getPublicationURL";
+import {
+  getPublicationURL,
+  getDocumentURL,
+} from "app/lish/createPub/getPublicationURL";
 import { SpeedyLink } from "components/SpeedyLink";
 import { InteractionPreview } from "components/InteractionsPreview";
 import { useLocalizedDate } from "src/hooks/useLocalizedDate";
@@ -27,7 +30,7 @@ export function PublishedPostsList(props: {
   if (!publication) return null;
   if (!documents || documents.length === 0)
     return (
-      <div className="italic text-tertiary w-full container text-center place-items-center flex flex-col gap-3 p-3">
+      <div className="italic text-tertiary w-full frosted-container text-center place-items-center flex flex-col gap-3 p-3">
         Nothing's been published yet...
       </div>
     );
@@ -85,11 +88,7 @@ function PublishedPostItem(props: {
           }}
         >
           <div className="flex justify-between gap-2">
-            <a
-              className="hover:no-underline!"
-              target="_blank"
-              href={docUrl}
-            >
+            <a className="hover:no-underline!" target="_blank" href={docUrl}>
               <h3 className="text-primary grow leading-snug">
                 {doc.record.title}
               </h3>
diff --git a/app/lish/[did]/[publication]/dashboard/settings/PostSettings.tsx b/app/lish/[did]/[publication]/dashboard/settings/PostSettings.tsx
index c0ed9d9e..b1c68a5b 100644
--- a/app/lish/[did]/[publication]/dashboard/settings/PostSettings.tsx
+++ b/app/lish/[did]/[publication]/dashboard/settings/PostSettings.tsx
@@ -13,39 +13,38 @@ export function PostSettings(props: {
   setShowInDiscover: (v: boolean) => void;
 }) {
   return (
-    <section className="flex flex-col gap-3">
-      <h3 className="font-bold text-primary">Post Settings</h3>
-
-      <h4 className="mb-0">Discovery</h4>
-      <Toggle
-        toggle={props.showInDiscover}
-        onToggle={() => props.setShowInDiscover(!props.showInDiscover)}
-      >
-        <div className="flex flex-col justify-start">
-          <div className="font-bold">Make Public</div>
-          <div className="text-tertiary text-sm leading-tight">
-            Your posts will appear in{" "}
-            <a href="/reader" target="_blank">
-              Leaflet Reader
-            </a>{" "}
-            and show up in search and tags.
+    <>
+      <div className="flex flex-col gap-3">
+        <h3 className="mb-0">Discovery</h3>
+        <Toggle
+          toggle={props.showInDiscover}
+          onToggle={() => props.setShowInDiscover(!props.showInDiscover)}
+        >
+          <div className="flex flex-col justify-start">
+            <div className="font-bold">Make Public</div>
+            <div className="text-tertiary text-sm leading-tight">
+              Your posts will appear in{" "}
+              <a href="/reader" target="_blank">
+                Leaflet Reader
+              </a>{" "}
+              and show up in search and tags.
+            </div>
           </div>
-        </div>
-      </Toggle>
-
+        </Toggle>
+      </div>
       <hr className="border-border-light" />
 
-      <h4 className="mb-0">Layout</h4>
+      <h3 className="mb-0">Post Layout</h3>
       <Toggle
         toggle={props.showPrevNext}
         onToggle={() => props.setShowPrevNext(!props.showPrevNext)}
       >
-        <div className="font-bold">Show Prev/Next Buttons</div>
+        <div className="font-bold">Show Prev/Next Buttons on Post</div>
       </Toggle>
 
       <hr className="border-border-light" />
 
-      <h4 className="mb-0">Interactions</h4>
+      <h3 className="mb-0">Post Interactions</h3>
       <div className="flex flex-col gap-2">
         <Toggle
           toggle={props.showComments}
@@ -78,6 +77,6 @@ export function PostSettings(props: {
           </div>
         </Toggle>
       </div>
-    </section>
+    </>
   );
 }
diff --git a/app/lish/[did]/[publication]/dashboard/settings/SettingsContent.tsx b/app/lish/[did]/[publication]/dashboard/settings/SettingsContent.tsx
index f83277c3..cfc0311e 100644
--- a/app/lish/[did]/[publication]/dashboard/settings/SettingsContent.tsx
+++ b/app/lish/[did]/[publication]/dashboard/settings/SettingsContent.tsx
@@ -15,6 +15,7 @@ import { PubThemeSetter } from "components/ThemeManager/PubThemeSetter";
 import { GeneralSettings } from "./GeneralSettings";
 import { PostSettings } from "./PostSettings";
 import { ThemeSettings } from "./ThemeSettings";
+import { useCardBorderHidden } from "components/Pages/useCardBorderHidden";
 
 type SettingsView = "all" | "theme";
 
@@ -164,3 +165,17 @@ function SettingsForm(props: { onOpenTheme: () => void }) {
     </form>
   );
 }
+
+export const DashboardContainer = (props: {
+  children: React.ReactNode;
+  className?: string;
+}) => {
+  let cardBorderHidden = useCardBorderHidden();
+  return (
+    <div
+      className={`flex flex-col ${cardBorderHidden ? "con" : "bg-transparent"}`}
+    >
+      {props.children}
+    </div>
+  );
+};
diff --git a/app/lish/createPub/page.tsx b/app/lish/createPub/page.tsx
index bb33a11a..f4d4d510 100644
--- a/app/lish/createPub/page.tsx
+++ b/app/lish/createPub/page.tsx
@@ -9,7 +9,7 @@ export default async function CreatePub() {
     return (
       <div className="createPubPage relative w-full h-full flex items-stretch bg-bg-leaflet p-4">
         <div className="createPubContent h-full flex items-center max-w-sm w-full mx-auto">
-          <div className="container w-full p-3 justify-items-center text-center">
+          <div className="frosted-container w-full p-3 justify-items-center text-center">
             <LoginForm
               text="Log in to create a publication!"
               noEmail