diff --git a/app/(home-pages)/home/Actions/AccountSettings.tsx b/app/(home-pages)/home/Actions/AccountSettings.tsx
index 24a09497..f4d3e583 100644
--- a/app/(home-pages)/home/Actions/AccountSettings.tsx
+++ b/app/(home-pages)/home/Actions/AccountSettings.tsx
@@ -44,7 +44,7 @@ const SettingsMenu = (props: {
   setState: (s: typeof props.state) => void;
 }) => {
   let menuItemClassName =
-    "menuItem -mx-[8px] text-left flex items-center justify-between";
+    "menuItem -mx-[8px] text-left flex items-center justify-between hover:no-underline!";
 
   return (
     <div className="flex flex-col gap-0.5">
diff --git a/app/(home-pages)/notifications/CommentNotication.tsx b/app/(home-pages)/notifications/CommentNotication.tsx
index 4265dd42..9cd408e7 100644
--- a/app/(home-pages)/notifications/CommentNotication.tsx
+++ b/app/(home-pages)/notifications/CommentNotication.tsx
@@ -14,6 +14,7 @@ import {
   ContentLayout,
   Notification,
 } from "./Notification";
+import { AtUri } from "@atproto/api";
 
 export const CommentNotification = (
   props: { cardBorderHidden: boolean } & HydratedCommentNotification,
@@ -27,11 +28,13 @@ export const CommentNotification = (
     profileRecord.displayName ||
     props.commentData.bsky_profiles?.handle ||
     "Someone";
-  const publication =
-    props.commentData.documents?.documents_in_publications[0]?.publications ||
-    undefined;
+  const pubRecord = props.commentData.documents?.documents_in_publications[0]
+    ?.publications?.record as PubLeafletPublication.Record;
+  let rkey = new AtUri(props.commentData.documents?.uri!).rkey;
+
   return (
     <Notification
+      href={`https://${pubRecord.base_path}/${rkey}?interactionDrawer=comments`}
       cardBorderHidden={props.cardBorderHidden}
       icon={<CommentTiny />}
       actionText={<>{displayName} commented on your post</>}
@@ -39,7 +42,7 @@ export const CommentNotification = (
         <ContentLayout
           cardBorderHidden={props.cardBorderHidden}
           postTitle={docRecord.title}
-          publication={publication}
+          pubRecord={pubRecord}
         >
           <CommentInNotification
             className=""
diff --git a/app/(home-pages)/notifications/MentionNotification.tsx b/app/(home-pages)/notifications/MentionNotification.tsx
index 5e4ebc63..f3631cc1 100644
--- a/app/(home-pages)/notifications/MentionNotification.tsx
+++ b/app/(home-pages)/notifications/MentionNotification.tsx
@@ -13,7 +13,7 @@ export const DummyPostMentionNotification = (props: {
         <ContentLayout
           postTitle={"Post Title Here"}
           cardBorderHidden={props.cardBorderHidden}
-          publication={{ name: "My Publication" } as any}
+          pubRecord={{ name: "My Publication" } as any}
         >
           I'm just gonna put the description here. The surrounding context is
           just sort of a pain to figure out
@@ -39,7 +39,7 @@ export const DummyUserMentionNotification = (props: {
       content={
         <ContentLayout
           postTitle={"Post Title Here"}
-          publication={{ name: "My Publication" } as any}
+          pubRecord={{ name: "My Publication" } as any}
           cardBorderHidden={props.cardBorderHidden}
         >
           <div>
diff --git a/app/(home-pages)/notifications/Notification.tsx b/app/(home-pages)/notifications/Notification.tsx
index c9fc2e38..1175987e 100644
--- a/app/(home-pages)/notifications/Notification.tsx
+++ b/app/(home-pages)/notifications/Notification.tsx
@@ -1,19 +1,17 @@
 import { Avatar } from "components/Avatar";
 import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/BaseTextBlock";
 import { PubLeafletPublication, PubLeafletRichtextFacet } from "lexicons/api";
-import { useEntity, useReplicache } from "src/replicache";
-import { PubIcon } from "components/ActionBar/Publications";
-import { Json } from "supabase/database.types";
 
 export const Notification = (props: {
   icon: React.ReactNode;
   actionText: React.ReactNode;
   content?: React.ReactNode;
   cardBorderHidden?: boolean;
+  href: string;
 }) => {
   return (
     <div
-      className={`flex flex-col w-full  ${
+      className={`relative flex flex-col w-full  ${
         props.cardBorderHidden
           ? ""
           : " block-border border-border! hover:outline-border sm:p-4 px-3 pl-2 sm:pl-3 pt-2 sm:pt-3!"
@@ -24,6 +22,10 @@ export const Notification = (props: {
           : "rgba(var(--bg-page), var(--bg-page-alpha))",
       }}
     >
+      <a
+        href={props.href}
+        className=" absolute top-0 bottom-0 left-0 right-0"
+      />
       <div className={`flex flex-row gap-2 items-center`}>
         <div className="text-secondary shrink-0">{props.icon}</div>
         <div className="text-secondary font-bold">{props.actionText}</div>
@@ -41,11 +43,9 @@ export const Notification = (props: {
 export const ContentLayout = (props: {
   children: React.ReactNode;
   postTitle: string;
-  publication?: { record: Json; uri: string };
+  pubRecord?: PubLeafletPublication.Record;
   cardBorderHidden: boolean;
 }) => {
-  let pubRecord = props.publication?.record as PubLeafletPublication.Record;
-
   return (
     <div
       className={`border border-border-light rounded-md px-2 py-[6px] w-full ${props.cardBorderHidden ? "transparent" : "bg-bg-page"}`}
@@ -54,13 +54,15 @@ export const ContentLayout = (props: {
         {props.postTitle}
       </div>
       {props.children}
-      {props.publication && (
+      {props.pubRecord && (
         <>
-          <hr className="mt-3 mb-2 border-border-light" />
-          <div className="text-xs text-tertiary flex gap-[6px] items-center">
-            <PubIcon small record={pubRecord} uri={props.publication.uri} />
-            {pubRecord.name}
-          </div>
+          <hr className="mt-3 mb-1 border-border-light" />
+          <a
+            href={`https://${props.pubRecord.base_path}`}
+            className="relative text-xs text-tertiary flex gap-[6px] items-center font-bold hover:no-underline!"
+          >
+            {props.pubRecord.name}
+          </a>
         </>
       )}
     </div>
diff --git a/app/(home-pages)/notifications/ReplyNotification.tsx b/app/(home-pages)/notifications/ReplyNotification.tsx
index b839c104..cfc1a4ca 100644
--- a/app/(home-pages)/notifications/ReplyNotification.tsx
+++ b/app/(home-pages)/notifications/ReplyNotification.tsx
@@ -19,7 +19,7 @@ export const DummyReplyNotification = (props: {
         <ContentLayout
           cardBorderHidden={props.cardBorderHidden}
           postTitle="This is the Post Title"
-          publication={{ name: "My Publication" } as any}
+          pubRecord={{ name: "My Publication" } as any}
         >
           <CommentInNotification
             className="text-tertiary italic line-clamp-1!"
diff --git a/app/lish/[did]/[publication]/dashboard/Actions.tsx b/app/lish/[did]/[publication]/dashboard/Actions.tsx
index 855f0d31..b18ec3a3 100644
--- a/app/lish/[did]/[publication]/dashboard/Actions.tsx
+++ b/app/lish/[did]/[publication]/dashboard/Actions.tsx
@@ -144,7 +144,7 @@ const SettingsMenu = (props: {
   setLoading: (l: boolean) => void;
 }) => {
   let menuItemClassName =
-    "menuItem -mx-[8px] text-left flex items-center justify-between";
+    "menuItem -mx-[8px] text-left flex items-center justify-between hover:no-underline!";
 
   return (
     <div className="flex flex-col gap-0.5">