diff --git a/.github/workflows/deploy-website.yml b/.github/workflows/deploy-website.yml
index 5909ff06b..21ba3519a 100644
--- a/.github/workflows/deploy-website.yml
+++ b/.github/workflows/deploy-website.yml
@@ -5,6 +5,9 @@ on:
     branches: [main]
     paths:
       - 'packages/website/**'
+      - 'package.json'
+      - 'package-lock.json'
+      - 'patches/**'
       - '.github/workflows/deploy-website.yml'
   workflow_dispatch:
 
diff --git a/package.json b/package.json
index 19dc4c33b..786bf4dd1 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,6 @@
     "web": "npm run web --workspace=@paseo/app",
     "desktop": "npm run dev --workspace=@paseo/desktop",
     "desktop:build": "npm run build --workspace=@paseo/desktop",
-    "postinstall": "patch-package",
     "cli": "npx tsx packages/cli/src/index.js"
   },
   "devDependencies": {
diff --git a/packages/app/package.json b/packages/app/package.json
index 7bac97b3d..d40713a5c 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -17,7 +17,8 @@
     "test:e2e:ui": "playwright test --ui",
     "build": "npm run build:web",
     "build:web": "expo export --platform web",
-    "deploy:web": "npm run build:web && wrangler pages deploy dist --project-name paseo-app"
+    "deploy:web": "npm run build:web && wrangler pages deploy dist --project-name paseo-app",
+    "postinstall": "patch-package --patch-dir ../../patches"
   },
   "dependencies": {
     "@boudra/expo-two-way-audio": "^0.1.3",
diff --git a/packages/website/src/routeTree.gen.ts b/packages/website/src/routeTree.gen.ts
index 375c8779b..f50bf16e1 100644
--- a/packages/website/src/routeTree.gen.ts
+++ b/packages/website/src/routeTree.gen.ts
@@ -12,9 +12,9 @@ import { Route as rootRouteImport } from './routes/__root'
 import { Route as DocsRouteImport } from './routes/docs'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as DocsIndexRouteImport } from './routes/docs/index'
-import { Route as DocsBestPracticesRouteImport } from './routes/docs/best-practices'
-import { Route as DocsConfigurationRouteImport } from './routes/docs/configuration'
 import { Route as DocsSecurityRouteImport } from './routes/docs/security'
+import { Route as DocsConfigurationRouteImport } from './routes/docs/configuration'
+import { Route as DocsBestPracticesRouteImport } from './routes/docs/best-practices'
 
 const DocsRoute = DocsRouteImport.update({
   id: '/docs',
@@ -31,9 +31,9 @@ const DocsIndexRoute = DocsIndexRouteImport.update({
   path: '/',
   getParentRoute: () => DocsRoute,
 } as any)
-const DocsBestPracticesRoute = DocsBestPracticesRouteImport.update({
-  id: '/best-practices',
-  path: '/best-practices',
+const DocsSecurityRoute = DocsSecurityRouteImport.update({
+  id: '/security',
+  path: '/security',
   getParentRoute: () => DocsRoute,
 } as any)
 const DocsConfigurationRoute = DocsConfigurationRouteImport.update({
@@ -41,9 +41,9 @@ const DocsConfigurationRoute = DocsConfigurationRouteImport.update({
   path: '/configuration',
   getParentRoute: () => DocsRoute,
 } as any)
-const DocsSecurityRoute = DocsSecurityRouteImport.update({
-  id: '/security',
-  path: '/security',
+const DocsBestPracticesRoute = DocsBestPracticesRouteImport.update({
+  id: '/best-practices',
+  path: '/best-practices',
   getParentRoute: () => DocsRoute,
 } as any)
 
@@ -73,10 +73,28 @@ export interface FileRoutesById {
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/' | '/docs' | '/docs/best-practices' | '/docs/configuration' | '/docs/security' | '/docs/'
+  fullPaths:
+    | '/'
+    | '/docs'
+    | '/docs/best-practices'
+    | '/docs/configuration'
+    | '/docs/security'
+    | '/docs/'
   fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/docs/best-practices' | '/docs/configuration' | '/docs/security' | '/docs'
-  id: '__root__' | '/' | '/docs' | '/docs/best-practices' | '/docs/configuration' | '/docs/security' | '/docs/'
+  to:
+    | '/'
+    | '/docs/best-practices'
+    | '/docs/configuration'
+    | '/docs/security'
+    | '/docs'
+  id:
+    | '__root__'
+    | '/'
+    | '/docs'
+    | '/docs/best-practices'
+    | '/docs/configuration'
+    | '/docs/security'
+    | '/docs/'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -107,11 +125,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DocsIndexRouteImport
       parentRoute: typeof DocsRoute
     }
-    '/docs/best-practices': {
-      id: '/docs/best-practices'
-      path: '/best-practices'
-      fullPath: '/docs/best-practices'
-      preLoaderRoute: typeof DocsBestPracticesRouteImport
+    '/docs/security': {
+      id: '/docs/security'
+      path: '/security'
+      fullPath: '/docs/security'
+      preLoaderRoute: typeof DocsSecurityRouteImport
       parentRoute: typeof DocsRoute
     }
     '/docs/configuration': {
@@ -121,11 +139,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DocsConfigurationRouteImport
       parentRoute: typeof DocsRoute
     }
-    '/docs/security': {
-      id: '/docs/security'
-      path: '/security'
-      fullPath: '/docs/security'
-      preLoaderRoute: typeof DocsSecurityRouteImport
+    '/docs/best-practices': {
+      id: '/docs/best-practices'
+      path: '/best-practices'
+      fullPath: '/docs/best-practices'
+      preLoaderRoute: typeof DocsBestPracticesRouteImport
       parentRoute: typeof DocsRoute
     }
   }