diff --git a/src/components/ConditionalLink.tsx b/src/components/ConditionalLink.tsx
new file mode 100644
index 0000000..8e07220
--- /dev/null
+++ b/src/components/ConditionalLink.tsx
@@ -0,0 +1,63 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under GPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import React, { FC } from "react";
+
+import { Link, useRouteMatch } from "react-router-dom";
+
+interface Props {
+  to: string;
+  condition?: boolean;
+
+  replace?: boolean;
+
+  matchTo?: boolean;
+  matchPath?: string;
+  matchExact?: boolean;
+  matchStrict?: boolean;
+  matchSensitive?: boolean;
+}
+
+export const ConditionalLink: FC<Props> = ({
+  to,
+  condition,
+
+  replace,
+
+  matchTo,
+  matchPath,
+  matchExact,
+  matchStrict,
+  matchSensitive,
+
+  children, ...props
+}): JSX.Element => {
+  // Disable the link if we're already on that route
+  const wantsCondition = condition !== undefined;
+  const wantsMatch = matchTo || !!matchPath;
+
+  const match = useRouteMatch(wantsMatch ? {
+    path: matchTo && to ? to : matchPath,
+    exact: matchExact,
+    strict: matchStrict,
+    sensitive: matchSensitive
+  } : {});
+
+  const active = (!wantsCondition || !!condition) && (!wantsMatch || !match);
+
+  return active && to
+    ? (
+      <Link
+        to={to}
+        replace={replace}
+        {...props}
+      >
+        {children}
+      </Link>
+    )
+    : (
+      <a className="conditional-link-disabled" {...props}>
+        {children}
+      </a>
+    );
+};
diff --git a/src/components/addresses/ContextualAddress.less b/src/components/addresses/ContextualAddress.less
index 256c71a..d6defe9 100644
--- a/src/components/addresses/ContextualAddress.less
+++ b/src/components/addresses/ContextualAddress.less
@@ -19,7 +19,7 @@
     opacity: 0.8;
   }
 
-  &.contextual-address-non-existent a {
+  &.contextual-address-non-existent {
     color: @text-color-secondary;
 
     cursor: not-allowed;
diff --git a/src/components/addresses/ContextualAddress.tsx b/src/components/addresses/ContextualAddress.tsx
index ad82cb5..b3dfd21 100644
--- a/src/components/addresses/ContextualAddress.tsx
+++ b/src/components/addresses/ContextualAddress.tsx
@@ -17,6 +17,7 @@
 import { useBooleanSetting } from "@utils/settings";
 
 import { KristNameLink } from "../names/KristNameLink";
+import { ConditionalLink } from "@comp/ConditionalLink";
 
 import "./ContextualAddress.less";
 
@@ -111,10 +112,10 @@
   });
 
   /** The label of the wallet, or the address itself (not a metaname) */
-  function AddressContent(): JSX.Element {
+  function AddressContent(props: any): JSX.Element {
     return wallet && wallet.label
-      ? <span className="address-wallet">{wallet.label}</span>
-      : <span className="address-address">{address}</span>;
+      ? <span className="address-wallet" {...props}>{wallet.label}</span>
+      : <span className="address-address" {...props}>{address}</span>;
   }
 
   return <Text className={classes} copyable={copyable}>
@@ -137,13 +138,14 @@
           />
         )
         : (
-          nonExistent
-            ? <a><AddressContent /></a>
-            : (
-              <Link to={"/network/addresses/" + encodeURIComponent(address)}>
-                <AddressContent />
-              </Link>
-            )
+          <ConditionalLink
+            to={"/network/addresses/" + encodeURIComponent(address)}
+            matchTo
+            matchExact
+            condition={!nonExistent}
+          >
+            <AddressContent />
+          </ConditionalLink>
         )
       }
     </Tooltip>
diff --git a/src/layout/nav/AppHeader.tsx b/src/layout/nav/AppHeader.tsx
index 09c9d44..f787e07 100644
--- a/src/layout/nav/AppHeader.tsx
+++ b/src/layout/nav/AppHeader.tsx
@@ -13,6 +13,8 @@
 import { ConnectionIndicator } from "./ConnectionIndicator";
 import { CymbalIndicator } from "./CymbalIndicator";
 
+import { ConditionalLink } from "@comp/ConditionalLink";
+
 const { useBreakpoint } = Grid;
 
 interface Props {
@@ -58,7 +60,7 @@
     {/* Settings button */}
     <Menu theme="dark" mode="horizontal" selectable={false} forceSubMenuRender={true} className="site-header-settings">
       <Menu.Item key="1" icon={<SettingOutlined />} title={t("nav.settings")}>
-        <Link to="/settings" aria-label={t("nav.settings")}></Link>
+        <ConditionalLink to="/settings" matchTo aria-label={t("nav.settings")}></ConditionalLink>
       </Menu.Item>
     </Menu>
   </Layout.Header>;
diff --git a/src/layout/nav/Brand.tsx b/src/layout/nav/Brand.tsx
index a7ec5ee..1026c05 100644
--- a/src/layout/nav/Brand.tsx
+++ b/src/layout/nav/Brand.tsx
@@ -2,8 +2,8 @@
 // This file is part of KristWeb 2 under GPL-3.0.
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
 import React from "react";
+import { Tag } from "antd";
 
-import { Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 
 import semverMajor from "semver/functions/major";
@@ -11,7 +11,7 @@
 import semverPatch from "semver/functions/patch";
 import semverPrerelease from "semver/functions/prerelease";
 
-import { Tag } from "antd";
+import { ConditionalLink } from "@comp/ConditionalLink";
 
 import packageJson from "../../../package.json";
 
@@ -40,10 +40,10 @@
   }
 
   return <div className="site-header-brand">
-    <Link to="/">
+    <ConditionalLink to="/" matchTo matchExact>
       {t("app.name")}
       <span className="site-header-brand-version">v{major}.{minor}.{patch}</span>
       {tag}
-    </Link>
+    </ConditionalLink>
   </div>;
 }
diff --git a/src/layout/sidebar/Sidebar.tsx b/src/layout/sidebar/Sidebar.tsx
index 559e462..ba585f2 100644
--- a/src/layout/sidebar/Sidebar.tsx
+++ b/src/layout/sidebar/Sidebar.tsx
@@ -6,12 +6,14 @@
 import { HomeOutlined, WalletOutlined, TeamOutlined, BankOutlined, TagsOutlined, SketchOutlined, BuildOutlined, StockOutlined } from "@ant-design/icons";
 
 import { TFunction, useTranslation } from "react-i18next";
-import { Link, useLocation } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 
 import { ServiceWorkerCheck } from "./ServiceWorkerCheck";
 import { SidebarTotalBalance } from "./SidebarTotalBalance";
 import { SidebarFooter } from "./SidebarFooter";
 
+import { ConditionalLink } from "@comp/ConditionalLink";
+
 const { Sider } = Layout;
 
 type SidebarItemProps = MenuItemProps & {
@@ -42,7 +44,9 @@
     .filter(i => i.group === group)
     .map(i => (
       <Menu.Item key={i.to} icon={i.icon} className={i.nyi ? "nyi" : ""}>
-        <Link to={i.to}>{t("sidebar." + i.name)}</Link>
+        <ConditionalLink to={i.to} matchTo matchExact>
+          {t("sidebar." + i.name)}
+        </ConditionalLink>
       </Menu.Item>
     ));
 }
diff --git a/src/layout/sidebar/SidebarFooter.tsx b/src/layout/sidebar/SidebarFooter.tsx
index aaad619..ac491c8 100644
--- a/src/layout/sidebar/SidebarFooter.tsx
+++ b/src/layout/sidebar/SidebarFooter.tsx
@@ -4,11 +4,11 @@
 import React, { useState } from "react";
 import { useTranslation, Trans } from "react-i18next";
 
-import { Link } from "react-router-dom";
-
 import { useMountEffect } from "@utils";
 import { getAuthorInfo } from "@utils/credits";
 
+import { ConditionalLink } from "@comp/ConditionalLink";
+
 export function SidebarFooter(): JSX.Element {
   const { t } = useTranslation();
   const [host, setHost] = useState<{ host: { name: string; url: string } } | undefined>();
@@ -41,7 +41,9 @@
       <div>
         <a href={gitURL} target="_blank" rel="noopener noreferrer">{t("sidebar.github")}</a>
         &nbsp;&ndash;&nbsp;
-        <Link to="/credits">{t("sidebar.credits")}</Link>
+        <ConditionalLink to="/credits" matchTo>
+          {t("sidebar.credits")}
+        </ConditionalLink>
       </div>
     </div>
   );