diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index 6c8c24a7..b118c879 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { Link } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 
 import { NoUserAvatar, UserAvatar } from "@/components/Avatar";
 import { IconPatch } from "@/components/buttons/IconPatch";
@@ -21,6 +21,7 @@ export interface NavigationProps {
 
 export function Navigation(props: NavigationProps) {
   const bannerHeight = useBannerSize();
+  const navigate = useNavigate();
   const { loggedIn } = useAuth();
 
   return (
@@ -103,7 +104,7 @@ export function Navigation(props: NavigationProps) {
                 <IconPatch icon={Icons.GITHUB} clickable downsized />
               </a>
               <a
-                href="/flix#flix"
+                onClick={() => navigate("/flix")}
                 rel="noreferrer"
                 className="text-xl text-white tabbable rounded-full"
               >
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index d5724fcc..6c1ef253 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -1,6 +1,6 @@
 import classNames from "classnames";
 import { useTranslation } from "react-i18next";
-import { Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 
 import { ThinContainer } from "@/components/layout/ThinContainer";
 import { Ol } from "@/components/utils/Ol";
@@ -41,6 +41,8 @@ function Button(props: {
 
 export function AboutPage() {
   const { t } = useTranslation();
+  const navigate = useNavigate();
+
   return (
     <SubPageLayout>
       <PageTitle subpage k="global.pages.about" />
@@ -71,16 +73,18 @@ export function AboutPage() {
           style={{ display: "flex", justifyContent: "space-between" }}
           className="w-full"
         >
-          <Link to="/flix">
-            <Button className="py-px mt-8 box-content bg-buttons-secondary hover:bg-buttons-secondaryHover bg-opacity-90 text-buttons-secondaryText justify-center items-center">
-              Top Flix
-            </Button>
-          </Link>
-          <Link to="/support">
-            <Button className="py-px mt-8 box-content bg-buttons-secondary hover:bg-buttons-secondaryHover bg-opacity-90 text-buttons-secondaryText justify-center items-center">
-              Support
-            </Button>
-          </Link>
+          <Button
+            className="py-px mt-8 box-content bg-buttons-secondary hover:bg-buttons-secondaryHover bg-opacity-90 text-buttons-secondaryText justify-center items-center"
+            onClick={() => navigate("/flix")}
+          >
+            Top Flix
+          </Button>
+          <Button
+            className="py-px mt-8 box-content bg-buttons-secondary hover:bg-buttons-secondaryHover bg-opacity-90 text-buttons-secondaryText justify-center items-center"
+            onClick={() => navigate("/support")}
+          >
+            Support
+          </Button>
         </div>
       </ThinContainer>
     </SubPageLayout>