diff --git a/web/src/components/MobileNav.jsx b/web/src/components/MobileNav.jsx
index 217b907..60a4ad0 100644
--- a/web/src/components/MobileNav.jsx
+++ b/web/src/components/MobileNav.jsx
@@ -14,8 +14,8 @@ export default function MobileNav() {
   return (
     <nav className="mobile-bottom-nav">
       <Link
-        to="/"
-        className={`mobile-bottom-nav-item ${isActive("/") ? "active" : ""}`}
+        to="/home"
+        className={`mobile-bottom-nav-item ${isActive("/home") ? "active" : ""}`}
       >
         <Home size={22} />
         <span>Home</span>
diff --git a/web/src/pages/AnnotationDetail.jsx b/web/src/pages/AnnotationDetail.jsx
index e841af7..2ed48e3 100644
--- a/web/src/pages/AnnotationDetail.jsx
+++ b/web/src/pages/AnnotationDetail.jsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { useParams, Link, useLocation } from "react-router-dom";
+import { useParams, Link, useLocation, useNavigate } from "react-router-dom";
 import AnnotationCard, { HighlightCard } from "../components/AnnotationCard";
 import BookmarkCard from "../components/BookmarkCard";
 import ReplyList from "../components/ReplyList";
@@ -17,6 +17,7 @@ import { MessageSquare } from "lucide-react";
 export default function AnnotationDetail() {
   const { uri, did, rkey, handle, type } = useParams();
   const location = useLocation();
+  const navigate = useNavigate();
   const { isAuthenticated, user } = useAuth();
   const [annotation, setAnnotation] = useState(null);
   const [replies, setReplies] = useState([]);
@@ -157,7 +158,7 @@ export default function AnnotationDetail() {
             {error || "This annotation may have been deleted."}
           </p>
           <Link
-            to="/"
+            to="/home"
             className="btn btn-primary"
             style={{ marginTop: "16px" }}
           >
@@ -171,7 +172,7 @@ export default function AnnotationDetail() {
   return (
     <div className="annotation-detail-page">
       <div className="annotation-detail-header">
-        <Link to="/" className="back-link">
+        <Link to="/home" className="back-link">
           ← Back to Feed
         </Link>
       </div>
@@ -179,12 +180,12 @@ export default function AnnotationDetail() {
       {annotation.type === "Highlight" ? (
         <HighlightCard
           highlight={annotation}
-          onDelete={() => (window.location.href = "/")}
+          onDelete={() => navigate("/home")}
         />
       ) : annotation.type === "Bookmark" ? (
         <BookmarkCard
           bookmark={annotation}
-          onDelete={() => (window.location.href = "/")}
+          onDelete={() => navigate("/home")}
         />
       ) : (
         <AnnotationCard annotation={annotation} />
diff --git a/web/src/pages/New.jsx b/web/src/pages/New.jsx
index 9e55a62..5aeddf9 100644
--- a/web/src/pages/New.jsx
+++ b/web/src/pages/New.jsx
@@ -59,7 +59,7 @@ export default function New() {
   }
 
   const handleSuccess = () => {
-    navigate("/");
+    navigate("/home");
   };
 
   return (
diff --git a/web/src/pages/Privacy.jsx b/web/src/pages/Privacy.jsx
index c9861bc..5cabcdc 100644
--- a/web/src/pages/Privacy.jsx
+++ b/web/src/pages/Privacy.jsx
@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 export default function Privacy() {
   return (
     <div className="feed-page">
-      <Link to="/" className="back-link">
+      <Link to="/home" className="back-link">
         <ArrowLeft size={18} />
         <span>Home</span>
       </Link>
diff --git a/web/src/pages/Terms.jsx b/web/src/pages/Terms.jsx
index 1ef2315..38666ca 100644
--- a/web/src/pages/Terms.jsx
+++ b/web/src/pages/Terms.jsx
@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 export default function Terms() {
   return (
     <div className="feed-page">
-      <Link to="/" className="back-link">
+      <Link to="/home" className="back-link">
         <ArrowLeft size={18} />
         <span>Home</span>
       </Link>