diff --git a/tldraw/demo/postcss.config.js b/tldraw/demo/postcss.config.js
index 74d7dd79cf..cdd0420016 100644
--- a/tldraw/demo/postcss.config.js
+++ b/tldraw/demo/postcss.config.js
@@ -3,7 +3,13 @@ module.exports = {
     'postcss-import': {},
     'postcss-nested': {},
     'postcss-import-ext-glob': {},
-    tailwindcss: {},
+    'tailwindcss/nesting': {},
+    tailwindcss: {
+      content: [
+        './**/*.jsx',
+        '../../apps/**/*.{js,jsx,ts,tsx}',
+      ]
+    },
     autoprefixer: {},
   },
 }
diff --git a/tldraw/demo/src/logseq-styles.css b/tldraw/demo/src/logseq-styles.css
new file mode 100644
index 0000000000..edd74e5a1a
--- /dev/null
+++ b/tldraw/demo/src/logseq-styles.css
@@ -0,0 +1,8 @@
+@import '../../../resources/css/inter.css';
+@import '../../../resources/css/fonts.css';
+@import '../../../resources/css/animation.css';
+@import '../../../resources/css/table.css';
+@import '../../../resources/css/tooltip.css';
+@import '../../../resources/css/common.css';
+@import '../../../resources/css/tabler-extension.css';
+@import '../../apps/tldraw-logseq/src/styles.css';
diff --git a/tldraw/demo/src/main.jsx b/tldraw/demo/src/main.jsx
index 1fd74abbbf..9896f4c35d 100644
--- a/tldraw/demo/src/main.jsx
+++ b/tldraw/demo/src/main.jsx
@@ -1,9 +1,9 @@
-import '../../../tailwind.all.css'
 import React from 'react'
 import ReactDOM from 'react-dom'
 
 import App from './App'
 
+import './logseq-styles.css'
 import './index.css'
 
 // Not using strict mode because it may cause side effect problems