diff --git a/app/reader/ReaderContent.tsx b/app/reader/ReaderContent.tsx
index 9f74de6e..03cecf71 100644
--- a/app/reader/ReaderContent.tsx
+++ b/app/reader/ReaderContent.tsx
@@ -19,6 +19,7 @@ import useSWRInfinite from "swr/infinite";
 import { getReaderFeed } from "./getReaderFeed";
 import { useEffect, useRef } from "react";
 import { useRouter } from "next/navigation";
+import Link from "next/link";
 
 export const ReaderContent = (props: {
   root_entity: string;
@@ -266,14 +267,16 @@ const PostInterations = (props: {
     </div>
   );
 };
-const ReaderEmpty = () => {
+export const ReaderEmpty = () => {
   return (
-    <div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center font-bold text-tertiary">
+    <div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center text-tertiary">
       Nothing to read yet… <br />
       Subscribe to publications and find their posts here!
-      <ButtonPrimary className="mx-auto place-self-center">
-        <DiscoverSmall /> Discover Publications
-      </ButtonPrimary>
+      <Link href={"/discover"}>
+        <ButtonPrimary className="mx-auto place-self-center">
+          <DiscoverSmall /> Discover Publications
+        </ButtonPrimary>
+      </Link>
     </div>
   );
 };
diff --git a/app/reader/SubscriptionsContent.tsx b/app/reader/SubscriptionsContent.tsx
index 512867de..d2272a96 100644
--- a/app/reader/SubscriptionsContent.tsx
+++ b/app/reader/SubscriptionsContent.tsx
@@ -7,6 +7,7 @@ import { PublicationSubscription, getSubscriptions } from "./getSubscriptions";
 import useSWRInfinite from "swr/infinite";
 import { useEffect, useRef } from "react";
 import { Cursor } from "./getReaderFeed";
+import Link from "next/link";
 
 export const SubscriptionsContent = (props: {
   publications: PublicationSubscription[];
@@ -90,13 +91,15 @@ export const SubscriptionsContent = (props: {
   );
 };
 
-const SubscriptionsEmpty = () => {
+export const SubscriptionsEmpty = () => {
   return (
-    <div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center font-bold text-tertiary">
+    <div className="flex flex-col gap-2 container bg-[rgba(var(--bg-page),.7)] sm:p-4 p-3 justify-between text-center text-tertiary">
       You haven't subscribed to any publications yet!
-      <ButtonPrimary className="mx-auto place-self-center">
-        <DiscoverSmall /> Discover Publications
-      </ButtonPrimary>
+      <Link href={"/discover"}>
+        <ButtonPrimary className="mx-auto place-self-center">
+          <DiscoverSmall /> Discover Publications
+        </ButtonPrimary>
+      </Link>
     </div>
   );
 };
diff --git a/app/reader/page.tsx b/app/reader/page.tsx
index a22d5ce4..fcc2f251 100644
--- a/app/reader/page.tsx
+++ b/app/reader/page.tsx
@@ -11,8 +11,11 @@ import { supabaseServerClient } from "supabase/serverClient";
 
 import { NotFoundLayout } from "components/PageLayouts/NotFoundLayout";
 import { DashboardLayout } from "components/PageLayouts/DashboardLayout";
-import { ReaderContent } from "./ReaderContent";
-import { SubscriptionsContent } from "./SubscriptionsContent";
+import { ReaderContent, ReaderEmpty } from "./ReaderContent";
+import {
+  SubscriptionsContent,
+  SubscriptionsEmpty,
+} from "./SubscriptionsContent";
 import { getReaderFeed } from "./getReaderFeed";
 import { getSubscriptions } from "./getSubscriptions";
 
@@ -23,13 +26,23 @@ export default async function Reader(props: {}) {
   let permission_token = auth_res?.home_leaflet;
   if (!permission_token)
     return (
-      <NotFoundLayout>
-        <p className="font-bold">Sorry, we can't find this page!</p>
-        <p>
-          This may be a glitch on our end. If the issue persists please{" "}
-          <a href="mailto:contact@leaflet.pub">send us a note</a>.
-        </p>
-      </NotFoundLayout>
+      <DashboardLayout
+        id="reader"
+        cardBorderHidden={false}
+        currentPage="reader"
+        defaultTab="Read"
+        actions={null}
+        tabs={{
+          Read: {
+            controls: null,
+            content: <ReaderEmpty />,
+          },
+          Subscriptions: {
+            controls: null,
+            content: <SubscriptionsEmpty />,
+          },
+        }}
+      />
     );
   let [homeLeafletFacts] = await Promise.all([
     supabaseServerClient.rpc("get_facts", {