diff --git a/src/components/layout/PageContainer.tsx b/src/components/layout/PageContainer.tsx
index 7907721..5366df5 100644
--- a/src/components/layout/PageContainer.tsx
+++ b/src/components/layout/PageContainer.tsx
@@ -6,5 +6,5 @@ type PageContainerProps = {
 }
 
 export function PageContainer({ children, className = '' }: PageContainerProps) {
-  return <div className={`mx-auto w-full max-w-6xl px-6 ${className}`}>{children}</div>
+  return <div className={`mx-auto w-full max-w-6xl px-4 sm:px-6 ${className}`}>{children}</div>
 }
diff --git a/src/components/profile/ProfileByline.tsx b/src/components/profile/ProfileByline.tsx
index 54e27e8..ce8cf63 100644
--- a/src/components/profile/ProfileByline.tsx
+++ b/src/components/profile/ProfileByline.tsx
@@ -14,7 +14,7 @@ type ProfileBylineProps = {
 export function ProfileByline({ miniDoc, profile, bskyProfile, label }: ProfileBylineProps) {
   return (
     <nav aria-label="Breadcrumb" className="mb-6">
-      <ol className="flex items-center gap-2 font-mono text-sm">
+      <ol className="flex min-w-0 items-center gap-2 font-mono text-sm">
         <li className="shrink-0">
           <Link
             to={`/${miniDoc.handle}`}
@@ -34,7 +34,7 @@ export function ProfileByline({ miniDoc, profile, bskyProfile, label }: ProfileB
           /
         </li>
 
-        <li className="truncate font-semibold text-ctp-text">{label}</li>
+        <li className="min-w-0 truncate font-semibold text-ctp-text">{label}</li>
       </ol>
     </nav>
   )
diff --git a/src/components/repo/RepoListItem.tsx b/src/components/repo/RepoListItem.tsx
index c13b2ad..480ebdc 100644
--- a/src/components/repo/RepoListItem.tsx
+++ b/src/components/repo/RepoListItem.tsx
@@ -20,44 +20,42 @@ export function RepoListItem({ handle, repo }: RepoListItemProps) {
   const repoDid = value.repoDid
 
   return (
-    <Link
-      to={`/${handle}/${encodeURIComponent(rkey)}`}
-      className="group block h-full rounded focus-visible:outline-none"
+    <SurfaceCard
+      as="article"
+      className="group flex h-full flex-col p-3 transition-colors hover:border-ctp-lavender sm:p-4"
     >
-      <SurfaceCard
-        as="article"
-        className="flex h-full flex-col p-3 transition-colors group-hover:border-ctp-lavender sm:p-4"
-      >
-        <header className="flex items-start justify-between gap-4">
-          <div className="min-w-0">
-            <h3 className="truncate font-mono text-base font-semibold text-ctp-text transition-colors group-hover:text-ctp-lavender">
-              {name}
-            </h3>
-
-            {value.knot && (
-              <p className="mt-1 truncate font-mono text-xs text-ctp-overlay-1">{value.knot}</p>
-            )}
-          </div>
-
-          <RepoStarCount repoDid={repoDid} />
-        </header>
-
-        {value.description && (
-          <div className="mt-3 line-clamp-2 text-sm leading-snug text-ctp-subtext-1">
-            <Markdown>{value.description}</Markdown>
-          </div>
-        )}
-
-        {value.topics && value.topics.length > 0 && (
-          <ul className="mt-auto flex flex-wrap gap-x-3 gap-y-1 pt-4" aria-label="Topics">
-            {value.topics.slice(0, MAX_VISIBLE_TOPICS).map((topic) => (
-              <li key={topic} className="font-mono text-xs text-ctp-teal">
-                #{topic}
-              </li>
-            ))}
-          </ul>
-        )}
-      </SurfaceCard>
-    </Link>
+      <header className="flex items-start justify-between gap-4">
+        <div className="min-w-0">
+          <Link
+            to={`/${handle}/${encodeURIComponent(rkey)}`}
+            className="block truncate font-mono text-base font-semibold text-ctp-text transition-colors hover:text-ctp-lavender focus-visible:rounded"
+          >
+            {name}
+          </Link>
+
+          {value.knot && (
+            <p className="mt-1 truncate font-mono text-xs text-ctp-overlay-1">{value.knot}</p>
+          )}
+        </div>
+
+        <RepoStarCount repoDid={repoDid} />
+      </header>
+
+      {value.description && (
+        <div className="mt-3 line-clamp-2 text-sm leading-snug text-ctp-subtext-1">
+          <Markdown>{value.description}</Markdown>
+        </div>
+      )}
+
+      {value.topics && value.topics.length > 0 && (
+        <ul className="mt-auto flex flex-wrap gap-x-3 gap-y-1 pt-4" aria-label="Topics">
+          {value.topics.slice(0, MAX_VISIBLE_TOPICS).map((topic) => (
+            <li key={topic} className="font-mono text-xs text-ctp-teal">
+              #{topic}
+            </li>
+          ))}
+        </ul>
+      )}
+    </SurfaceCard>
   )
 }
diff --git a/src/components/repo/RepoReadme.tsx b/src/components/repo/RepoReadme.tsx
index 5f7081c..35968f9 100644
--- a/src/components/repo/RepoReadme.tsx
+++ b/src/components/repo/RepoReadme.tsx
@@ -10,7 +10,7 @@ export function RepoReadme({ readme }: RepoReadmeProps) {
   if (!readme?.contents.trim()) return null
 
   return (
-    <SurfaceCard as="section" className="p-6">
+    <SurfaceCard as="section" className="min-w-0 p-4 sm:p-6">
       <h2 className="font-mono text-base font-semibold text-ctp-text">{readme.filename}</h2>
       <MarkdownContent className="mt-4 text-sm text-ctp-subtext-1">
         {readme.contents}
diff --git a/src/components/repo/RepoView.tsx b/src/components/repo/RepoView.tsx
index fc35509..3ca379e 100644
--- a/src/components/repo/RepoView.tsx
+++ b/src/components/repo/RepoView.tsx
@@ -19,7 +19,10 @@ export function RepoView({ handle, repo }: RepoProps) {
   const repoDid = value.repoDid
 
   return (
-    <SurfaceCard as="article" className="p-6 transition-colors hover:border-ctp-lavender">
+    <SurfaceCard
+      as="article"
+      className="min-w-0 p-4 transition-colors hover:border-ctp-lavender sm:p-6"
+    >
       <header className="flex items-start justify-between gap-4">
         <div className="min-w-0">
           <h1 className="truncate font-mono text-2xl font-bold text-ctp-text">{name}</h1>
@@ -30,9 +33,9 @@ export function RepoView({ handle, repo }: RepoProps) {
       </header>
 
       {value.description && (
-        <p className="mt-4 max-w-prose text-lg leading-relaxed text-ctp-subtext-1">
+        <div className="mt-4 max-w-prose break-words text-lg leading-relaxed text-ctp-subtext-1">
           <Markdown rehypePlugins={[rehypeRaw, rehypeSanitize]}>{value.description}</Markdown>
-        </p>
+        </div>
       )}
 
       {value.topics && value.topics.length > 0 && (
diff --git a/src/components/shared/Tabs.tsx b/src/components/shared/Tabs.tsx
index 99993a3..15f313f 100644
--- a/src/components/shared/Tabs.tsx
+++ b/src/components/shared/Tabs.tsx
@@ -16,7 +16,7 @@ type TabsProps = {
 export function Tabs({ ariaLabel, items }: TabsProps) {
   return (
     <nav aria-label={ariaLabel} className="border-b border-ctp-surface-0">
-      <div className="flex gap-6 overflow-x-auto">
+      <div className="flex gap-5 overflow-x-auto overscroll-x-contain px-1 [-webkit-overflow-scrolling:touch] sm:gap-6">
         {items.map((item) => (
           <Link
             key={item.href}
diff --git a/src/index.css b/src/index.css
index c1acc15..3b7fef9 100644
--- a/src/index.css
+++ b/src/index.css
@@ -117,6 +117,11 @@
     margin-top: 1rem;
   }
 
+  .markdown-body > :not(pre) {
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
   .markdown-body h1,
   .markdown-body h2,
   .markdown-body h3,
@@ -199,7 +204,9 @@
   }
 
   .markdown-body table {
-    width: 100%;
+    display: block;
+    max-width: 100%;
+    overflow-x: auto;
     border-collapse: collapse;
   }
 
@@ -231,5 +238,6 @@
   section {
     display: grid;
     gap: 1rem;
+    grid-template-columns: minmax(0, 1fr);
   }
 }
diff --git a/src/lib/profilePage.ts b/src/lib/profilePage.ts
index cecb35e..6b4f7cc 100644
--- a/src/lib/profilePage.ts
+++ b/src/lib/profilePage.ts
@@ -48,21 +48,25 @@ export async function loadProfilePage(handle: Handle): Promise<ProfilePageData>
 
   const starredRepos = (
     await Promise.allSettled(
-      repoDids.map(async (repoDid): Promise<StarredRepo> => {
+      repoDids.map(async (repoDid): Promise<StarredRepo | null> => {
         const repo = await getRepoByRepoDid(repoDid)
+        if (repo === null) return null
+
         const owner = await getOwner(parseResourceUri(repo.uri).repo)
 
         return { repo, handle: owner.handle }
       }),
     )
-  ).flatMap((result) => (result.status === 'fulfilled' ? [result.value] : []))
+  ).flatMap((result) =>
+    result.status === 'fulfilled' && result.value !== null ? [result.value] : [],
+  )
 
   const pinnedResults = await Promise.allSettled(
     (profile.value.pinnedRepositories ?? []).map((repoDid) => getRepoByRepoDid(repoDid as Did)),
   )
 
   const pinnedRepos = pinnedResults.flatMap((result) =>
-    result.status === 'fulfilled' ? [result.value] : [],
+    result.status === 'fulfilled' && result.value !== null ? [result.value] : [],
   )
 
   return {
diff --git a/src/lib/tangled/repo/getRepoByRepoDid.ts b/src/lib/tangled/repo/getRepoByRepoDid.ts
index d629ffe..cb502c3 100644
--- a/src/lib/tangled/repo/getRepoByRepoDid.ts
+++ b/src/lib/tangled/repo/getRepoByRepoDid.ts
@@ -1,14 +1,21 @@
-import { ok } from '@atcute/client'
 import type { Did } from '@atcute/lexicons'
 import { rpc } from '../client'
 import { validateRepo, type Repo } from './types'
 
-export async function getRepoByRepoDid(did: Did): Promise<Repo> {
-  const repo = await ok(
-    rpc.get('sh.tangled.repo.getRepoByRepoDid', {
-      params: { repoDid: did },
-    }),
-  )
+export async function getRepoByRepoDid(did: Did): Promise<Repo | null> {
+  const response = await rpc.get('sh.tangled.repo.getRepoByRepoDid', {
+    params: { repoDid: did },
+  })
 
-  return validateRepo(repo)
+  if (!response.ok) {
+    if (response.status === 404) return null
+
+    throw new Error(
+      `Bobbin could not load repository ${did}: ${response.data.error}${
+        response.data.message ? `: ${response.data.message}` : ''
+      }`,
+    )
+  }
+
+  return validateRepo(response.data)
 }
diff --git a/src/pages/RepoPage.tsx b/src/pages/RepoPage.tsx
index 65b69de..ce97d53 100644
--- a/src/pages/RepoPage.tsx
+++ b/src/pages/RepoPage.tsx
@@ -61,7 +61,7 @@ export function RepoPage() {
 
   return (
     <main>
-      <PageContainer className="py-8">
+      <PageContainer className="py-6 sm:py-8">
         <ProfileByline
           miniDoc={identity}
           profile={profile}
@@ -69,7 +69,7 @@ export function RepoPage() {
           label={getRepoName(repo)}
         />
 
-        <section className="mt-8 space-y-6">
+        <section className="mt-6 min-w-0 space-y-6 sm:mt-8">
           <RepoView handle={handle} repo={repo} />
           <RepoTabs
             activeSection={activeSection}