diff --git a/packages/contented-preview/package.json b/packages/contented-preview/package.json
index 5b61f631..334313a3 100644
--- a/packages/contented-preview/package.json
+++ b/packages/contented-preview/package.json
@@ -19,6 +19,6 @@
     "postcss": "8.4.32",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tailwindcss": "3.3.7"
+    "tailwindcss": "3.4.0"
   }
 }
diff --git a/packages/contented-preview/src/components/Header.jsx b/packages/contented-preview/src/components/Header.jsx
index 1f8926ac..0a6f23ae 100644
--- a/packages/contented-preview/src/components/Header.jsx
+++ b/packages/contented-preview/src/components/Header.jsx
@@ -12,7 +12,7 @@ export default function Header() {
   const pipelines = Object.entries(Pipelines);
 
   return (
-    <header className="sticky top-0 z-10 h-[3.25rem] border-b border-slate-200/60 bg-slate-50 dark:border-slate-300/10 dark:bg-slate-950 print:hidden">
+    <header className="sticky top-0 z-10 h-[3.25rem] border-b border-slate-200/60 bg-slate-50 print:hidden dark:border-slate-300/10 dark:bg-slate-950">
       <nav className="max-w-8xl mx-auto h-full px-4 sm:px-6 lg:px-8" aria-label="Top">
         <div className="flex h-full w-full items-center justify-between">
           <div className="flex">
@@ -34,7 +34,7 @@ export default function Header() {
             </a>
 
             {pipelines.length > 1 && (
-              <div className="ml-6 hidden border-l border-slate-300/60 pl-4 dark:border-slate-300/10 md:flex">
+              <div className="ml-6 hidden border-l border-slate-300/60 pl-4 md:flex dark:border-slate-300/10">
                 {pipelines.map(([type, pipeline]) => {
                   if (pipeline.collection[0] === undefined || pipeline.collection[0] === null) {
                     throw new Error(
diff --git a/packages/contented-preview/src/pages/[type]/[[...slug]].jsx b/packages/contented-preview/src/pages/[type]/[[...slug]].jsx
index 31012790..b1acd058 100644
--- a/packages/contented-preview/src/pages/[type]/[[...slug]].jsx
+++ b/packages/contented-preview/src/pages/[type]/[[...slug]].jsx
@@ -103,8 +103,8 @@ export default function IndexPage({ content, sections }) {
             'hidden lg:block': !isOpen,
           })}
         >
-          <div className="absolute bottom-0 right-0 top-0 hidden w-px dark:block lg:bg-slate-800" />
-          <div className="absolute inset-y-0 right-0 w-[50vw] dark:hidden lg:bg-slate-50" />
+          <div className="absolute bottom-0 right-0 top-0 hidden w-px lg:bg-slate-800 dark:block" />
+          <div className="absolute inset-y-0 right-0 w-[50vw] lg:bg-slate-50 dark:hidden" />
           <div className="sticky top-[3.25rem] -ml-0.5 h-[calc(100vh-3.25rem)] overflow-y-auto py-12">
             <ContentNavigation sections={sections} className="w-64 pr-8 xl:w-72 xl:pr-16" />
           </div>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 35688163..f4320f1a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -247,7 +247,7 @@ importers:
         version: 2.1.1(react@18.2.0)
       '@tailwindcss/typography':
         specifier: 0.5.10
-        version: 0.5.10(tailwindcss@3.3.7)
+        version: 0.5.10(tailwindcss@3.4.0)
       autoprefixer:
         specifier: 10.4.16
         version: 10.4.16(postcss@8.4.32)
@@ -270,8 +270,8 @@ importers:
         specifier: 18.2.0
         version: 18.2.0(react@18.2.0)
       tailwindcss:
-        specifier: 3.3.7
-        version: 3.3.7
+        specifier: 3.4.0
+        version: 3.4.0
 
   packages/contented-processor:
     dependencies:
@@ -1522,7 +1522,7 @@ packages:
       tslib: 2.6.2
     dev: false
 
-  /@tailwindcss/typography@0.5.10(tailwindcss@3.3.7):
+  /@tailwindcss/typography@0.5.10(tailwindcss@3.4.0):
     resolution: {integrity: sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
@@ -1531,7 +1531,7 @@ packages:
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.3.7
+      tailwindcss: 3.4.0
     dev: false
 
   /@types/babel__core@7.20.3:
@@ -7441,8 +7441,8 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /tailwindcss@3.3.7:
-    resolution: {integrity: sha512-pjgQxDZPvyS/nG3ZYkyCvsbONJl7GdOejfm24iMt2ElYQQw8Jc4p0m8RdMp7mznPD0kUhfzwV3zAwa80qI0zmQ==}
+  /tailwindcss@3.4.0:
+    resolution: {integrity: sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies: