diff --git a/src/components/StarterPack/StarterPackCard.tsx b/src/components/StarterPack/StarterPackCard.tsx
index 81909d40ef..23167541d3 100644
--- a/src/components/StarterPack/StarterPackCard.tsx
+++ b/src/components/StarterPack/StarterPackCard.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import {View} from 'react-native'
-import {AppBskyGraphStarterpack} from '@atproto/api'
+import {AppBskyGraphStarterpack, AtUri} from '@atproto/api'
 import {StarterPackViewBasic} from '@atproto/api/dist/client/types/app/bsky/graph/defs'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
@@ -26,14 +26,19 @@ export function StarterPackCard({
   const {_} = useLingui()
   const t = useTheme()
   const {currentAccount} = useSession()
-  const {record, creator, joinedAllTimeCount} = starterPack
+  const {uri, record, creator, joinedAllTimeCount} = starterPack
+  const rkey = new AtUri(uri).rkey
 
   if (!AppBskyGraphStarterpack.isRecord(record)) {
     return null
   }
 
   return (
-    <Link to={{screen: 'StarterPack', params: {id: starterPack.uri}}}>
+    <Link
+      to={{
+        screen: 'StarterPack',
+        params: {name: creator.handle || creator.did, rkey},
+      }}>
       <View
         style={[
           a.flex_row,
diff --git a/src/lib/routes/types.ts b/src/lib/routes/types.ts
index 500efd82f2..e55f4ee287 100644
--- a/src/lib/routes/types.ts
+++ b/src/lib/routes/types.ts
@@ -40,7 +40,7 @@ export type CommonNavigatorParams = {
   Hashtag: {tag: string; author?: string}
   MessagesConversation: {conversation: string; embed?: string}
   MessagesSettings: undefined
-  StarterPack: {id: string}
+  StarterPack: {name: string; rkey: string}
   StarterPackLanding: {id: string}
   StarterPackWizard: {
     mode: 'Create' | 'Edit'
@@ -104,7 +104,7 @@ export type AllNavigatorParams = CommonNavigatorParams & {
   Hashtag: {tag: string; author?: string}
   MessagesTab: undefined
   Messages: {animation?: 'push' | 'pop'}
-  StarterPackLanding: {id: string}
+  StarterPack: {name: string; rkey: string}
   StarterPackWizard: {
     mode: 'Create' | 'Edit'
     id?: string
diff --git a/src/routes.ts b/src/routes.ts
index bc54bd477d..c06cc8b037 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -40,7 +40,7 @@ export const router = new Router({
   Messages: '/messages',
   MessagesSettings: '/messages/settings',
   MessagesConversation: '/messages/:conversation',
-  StarterPack: '/starter-pack/:id',
+  StarterPack: '/starter-pack/:name/:rkey',
   StarterPackLanding: '/start/:id',
   StarterPackWizard: '/starter-pack/create',
 })