diff --git a/web/components/editor.tsx b/web/components/editor.tsx
index 4b3e2cce..9adc0c9f 100644
--- a/web/components/editor.tsx
+++ b/web/components/editor.tsx
@@ -21,7 +21,7 @@ import { FileUploadButton } from './file-upload-button'
 import { linkClass } from './site-link'
 
 const proseClass = clsx(
-  'prose prose-sm prose-p:my-0 prose-li:my-0 prose-blockquote:not-italic max-w-none'
+  'prose prose-sm prose-p:my-0 prose-li:my-0 prose-blockquote:not-italic max-w-none prose-quoteless'
 )
 
 export function useTextEditor(props: {
@@ -94,7 +94,7 @@ export function TextEditor(props: {
   return (
     <>
       {/* hide placeholder when focused */}
-      <div className="w-full [&:focus-within_p.is-empty]:before:content-none">
+      <div className="[&:focus-within_p.is-empty]:before:content-none w-full">
         {editor && (
           <FloatingMenu
             editor={editor}
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 31c0c533..0a1616b6 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -17,6 +17,14 @@ module.exports = {
       backgroundImage: {
         'world-trading': "url('/world-trading-background.webp')",
       },
+      typography: {
+        quoteless: {
+          css: {
+            'blockquote p:first-of-type::before': { content: 'none' },
+            'blockquote p:first-of-type::after': { content: 'none' },
+          },
+        },
+      },
     },
   },
   plugins: [