diff --git a/web/components/user-page.tsx b/web/components/user-page.tsx
index eed2dae6..3a6c3cc3 100644
--- a/web/components/user-page.tsx
+++ b/web/components/user-page.tsx
@@ -33,12 +33,13 @@ export function UserPage(props: { user: User; currentUser?: User }) {
   const { user, currentUser } = props
   const isCurrentUser = user.id === currentUser?.id
   const bannerUrl = user.bannerUrl ?? defaultBannerUrl(user.id)
+  const placeholderBio = `I... haven't gotten around to writing a bio yet 😛`
 
   return (
     <Page>
       <SEO
         title={`${user.name} (@${user.username})`}
-        description={user.bio ?? ''}
+        description={user.bio ?? placeholderBio}
         url={`/${user.username}`}
       />
 
@@ -74,13 +75,12 @@ export function UserPage(props: { user: User; currentUser?: User }) {
       <Col className="mx-4 -mt-6">
         <span className="text-2xl font-bold">{user.name}</span>
         <span className="text-gray-500">@{user.username}</span>
+        <Spacer h={4} />
 
-        {user.bio && (
-          <div>
-            <Spacer h={4} />
-            <Linkify text={user.bio}></Linkify>
-          </div>
-        )}
+        <div>
+          <Linkify text={user.bio || placeholderBio}></Linkify>
+        </div>
+        <Spacer h={4} />
 
         <Col className="sm:flex-row sm:gap-4">
           {user.website && (