diff --git a/package.json b/package.json
index 6e94925..b46688c 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
     "y-websocket": "^2.0.2",
-    "yjs": "^13.6.14"
+    "yjs": "13.6.14"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ea600bf..ad73d16 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,7 +69,7 @@ dependencies:
     specifier: ^2.0.2
     version: 2.0.2(yjs@13.6.14)
   yjs:
-    specifier: ^13.6.14
+    specifier: 13.6.14
     version: 13.6.14
 
 devDependencies:
diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx
index 4fb65ea..2d0e516 100644
--- a/src/components/site-header.tsx
+++ b/src/components/site-header.tsx
@@ -1,5 +1,7 @@
 import { Github } from "lucide-react";
+import packageJSON from "../../package.json";
 import { ModeToggle } from "./mode-toggle";
+import { Badge } from "./ui/badge";
 import { Button } from "./ui/button";
 import yjsLogo from "/yjs.png";
 
@@ -22,6 +24,9 @@ export function Header() {
         </div>
         {/* Placeholder for right side of header */}
         <div className="ml-auto"></div>
+        <Badge variant="default">
+          Yjs Version: {packageJSON.dependencies.yjs}
+        </Badge>
         <ModeToggle />
         <Button variant="ghost" size="icon" asChild>
           <a