diff --git a/src/routes/changelog.tsx b/src/routes/changelog.tsx
index 95b2dcc..ef1381b 100644
--- a/src/routes/changelog.tsx
+++ b/src/routes/changelog.tsx
@@ -196,7 +196,7 @@ function ReleaseSection({ section }: { section: ParsedSection }) {
 					<ChevronDown className="w-4 h-4 text-white/40 shrink-0" />
 				) : (
 					<ChevronRight className="w-4 h-4 text-white/40 shrink-0" />
-				)}
+				)}	
 			</button>
 
 			{expanded && (
@@ -204,7 +204,7 @@ function ReleaseSection({ section }: { section: ParsedSection }) {
 					{section.items.map((item) => (
 						<div key={item} className="flex gap-2 md:gap-3 text-sm">
 							<span className="w-1 h-1 rounded-full bg-white/30 mt-2 shrink-0" />
-							<div className="text-white/70 break-words flex-1">
+							<div className="text-white/70 wrap-break-word flex-1">
 								{item.split("\n").map((line, idx) => (
 									<div
 										key={idx}
diff --git a/src/routes/examples.tsx b/src/routes/examples.tsx
index b82c37c..fb68922 100644
--- a/src/routes/examples.tsx
+++ b/src/routes/examples.tsx
@@ -1,5 +1,16 @@
 import { createFileRoute, Link } from "@tanstack/react-router";
-import { ArrowLeft, ChevronRight, Twitter, Users, Zap } from "lucide-react";
+import {
+	ArrowLeft,
+	ChevronRight,
+	Clock,
+	FileJson,
+	GitBranch,
+	GithubIcon,
+	Globe,
+	Twitter,
+	Users,
+	Zap,
+} from "lucide-react";
 import { LogoIcon } from "../components/Logo";
 import { Footer } from "../components/landing/Footer";
 import { useVersion } from "../lib/useVersion";
diff --git a/src/routes/features.tsx b/src/routes/features.tsx
index 01b8e09..1a9a0ee 100644
--- a/src/routes/features.tsx
+++ b/src/routes/features.tsx
@@ -6,6 +6,8 @@ import {
 	Check,
 	ChevronRight,
 	Code2,
+	FileSearch,
+	GitBranch,
 	GithubIcon,
 	Globe,
 	Layers,