diff --git a/.changeset/thick-emus-raise.md b/.changeset/thick-emus-raise.md
new file mode 100644
index 0000000000000000000000000000000000000000..204c0744ff589501bf72ae90d9470e9cbdd4a97b
--- /dev/null
+++ b/.changeset/thick-emus-raise.md
@@ -0,0 +1,5 @@
+---
+"create-llama": patch
+---
+
+feat: import pdf css
diff --git a/templates/types/streaming/nextjs/app/components/chat-section.tsx b/templates/types/streaming/nextjs/app/components/chat-section.tsx
index 483ca7bb39b9899415f7aea1ba043a4d3bbe43e1..46b0054279490b1f488789e30c54107ad33a5d59 100644
--- a/templates/types/streaming/nextjs/app/components/chat-section.tsx
+++ b/templates/types/streaming/nextjs/app/components/chat-section.tsx
@@ -3,6 +3,7 @@
 import { ChatSection as ChatSectionUI } from "@llamaindex/chat-ui";
 import "@llamaindex/chat-ui/styles/code.css";
 import "@llamaindex/chat-ui/styles/katex.css";
+import "@llamaindex/chat-ui/styles/pdf.css";
 import { useChat } from "ai/react";
 import CustomChatInput from "./ui/chat/chat-input";
 import CustomChatMessages from "./ui/chat/chat-messages";
diff --git a/templates/types/streaming/nextjs/package.json b/templates/types/streaming/nextjs/package.json
index e1aa94b0a38de04559be172ecb63a8814e0901c3..195330677b3be56418d11460e2e1c9a66681e01e 100644
--- a/templates/types/streaming/nextjs/package.json
+++ b/templates/types/streaming/nextjs/package.json
@@ -37,7 +37,7 @@
     "uuid": "^9.0.1",
     "vaul": "^0.9.1",
     "marked": "^14.1.2",
-    "@llamaindex/chat-ui": "0.0.4"
+    "@llamaindex/chat-ui": "0.0.5"
   },
   "devDependencies": {
     "@types/node": "^20.10.3",