diff --git a/components/Post.tsx b/components/Post.tsx
index ed9fcc2..03f6f37 100644
--- a/components/Post.tsx
+++ b/components/Post.tsx
@@ -69,18 +69,9 @@ export default function Post(props: { post: GetPostsOutput; userId?: number }) {
         <div class="card-body">
           {post.value.draft &&
             (
-              <div
-                class="alert alert-danger d-flex align-items-center"
-                role="alert"
-              >
-                <span
-                  class="badge bg-danger"
-                  style={{ marginRight: "5px" }}
-                >
-                  PRIVATE
-                </span>
-                <div>This post is visible only to you.</div>
-              </div>
+              <span class="badge bg-danger mb-2">
+                🔒 PRIVATE
+              </span>
             )}
           <span
             class="post"
diff --git a/islands/PostView.tsx b/islands/PostView.tsx
index 0233004..6a11435 100644
--- a/islands/PostView.tsx
+++ b/islands/PostView.tsx
@@ -211,18 +211,9 @@ export default function PostView(
               <article class="card-body">
                 {post.draft &&
                   (
-                    <div
-                      class="alert alert-danger d-flex align-items-center"
-                      role="alert"
-                    >
-                      <span
-                        class="badge bg-danger"
-                        style={{ marginRight: "5px" }}
-                      >
-                        PRIVATE
-                      </span>
-                      <div>This post is visible only to you.</div>
-                    </div>
+                    <span class="badge bg-danger mb-2">
+                      🔒 PRIVATE
+                    </span>
                   )}
                 <section>
                   <span
diff --git a/routes/posts/[postId]/index.tsx b/routes/posts/[postId]/index.tsx
index b817793..d75a14c 100644
--- a/routes/posts/[postId]/index.tsx
+++ b/routes/posts/[postId]/index.tsx
@@ -8,6 +8,9 @@ import { getTitle } from "~/server/getTitle.ts";
 
 export default defineRoute(async (req, ctx) => {
   const postId = Number(ctx.params.postId);
+  if (Number.isNaN(postId)) {
+    return ctx.renderNotFound();
+  }
   const post = await selectPost(postId);
   if (!post) {
     return ctx.renderNotFound();