diff --git a/src/components/layout/BackButton.tsx b/src/components/layout/BackButton.tsx
index ef0eaef..37c959a 100644
--- a/src/components/layout/BackButton.tsx
+++ b/src/components/layout/BackButton.tsx
@@ -1,6 +1,5 @@
-import { A } from "solid-start";
 import { Back } from "~/assets/svg/Back";
 
-export function BackButton(props: { href?: string, title?: string }) {
-    return (<A href={props.href ? props.href : "/"} class="text-m-red active:text-m-red/80 text-xl font-semibold no-underline md:hidden flex items-center"><Back />{props.title ? props.title : "Home"}</A>)
+export function BackButton(props: { onClick: () => void, title?: string }) {
+    return (<button onClick={props.onClick} class="text-m-red active:text-m-red/80 text-xl font-semibold no-underline md:hidden flex items-center"><Back />{props.title ? props.title : "Home"}</button>)
 }
\ No newline at end of file
diff --git a/src/components/layout/BackLink.tsx b/src/components/layout/BackLink.tsx
new file mode 100644
index 0000000..720cf3a
--- /dev/null
+++ b/src/components/layout/BackLink.tsx
@@ -0,0 +1,6 @@
+import { A } from "solid-start";
+import { Back } from "~/assets/svg/Back";
+
+export function BackLink(props: { href?: string, title?: string }) {
+    return (<A href={props.href ? props.href : "/"} class="text-m-red active:text-m-red/80 text-xl font-semibold no-underline md:hidden flex items-center"><Back />{props.title ? props.title : "Home"}</A>)
+}
\ No newline at end of file
diff --git a/src/routes/Admin.tsx b/src/routes/Admin.tsx
index cadaf93..19d32a2 100644
--- a/src/routes/Admin.tsx
+++ b/src/routes/Admin.tsx
@@ -2,14 +2,14 @@ import { DeleteEverything } from "~/components/DeleteEverything";
 import KitchenSink from "~/components/KitchenSink";
 import NavBar from "~/components/NavBar";
 import { Card, DefaultMain, LargeHeader, NodeManagerGuard, SafeArea, SmallHeader, VStack } from "~/components/layout";
-import { BackButton } from "~/components/layout/BackButton";
+import { BackLink } from "~/components/layout/BackLink";
 
 export default function Admin() {
     return (
         <NodeManagerGuard>
             <SafeArea>
                 <DefaultMain>
-                    <BackButton href="/settings" title="Settings" />
+                    <BackLink href="/settings" title="Settings" />
                     <LargeHeader>Admin</LargeHeader>
                     <VStack>
                         <Card><p>If you know what you're doing you're in the right place!</p></Card>
diff --git a/src/routes/Receive.tsx b/src/routes/Receive.tsx
index 6e48b48..f63a527 100644
--- a/src/routes/Receive.tsx
+++ b/src/routes/Receive.tsx
@@ -12,7 +12,7 @@ import mempoolTxUrl from "~/utils/mempoolTxUrl";
 import party from '~/assets/hands/handsup.png';
 import { Amount } from "~/components/Amount";
 import { FullscreenModal } from "~/components/layout/FullscreenModal";
-import { BackButton } from "~/components/layout/BackButton";
+import { BackLink } from "~/components/layout/BackLink";
 import { TagEditor, TagItem } from "~/components/TagEditor";
 import { StyledRadioGroup } from "~/components/layout/Radio";
 import { showToast } from "~/components/Toaster";
@@ -204,7 +204,7 @@ export default function Receive() {
         <NodeManagerGuard>
             <SafeArea>
                 <main class="max-w-[600px] flex flex-col gap-4 mx-auto p-4">
-                    <BackButton />
+                    <BackLink />
                     <LargeHeader>Receive Bitcoin</LargeHeader>
                     <Switch>
                         <Match when={!unified() || receiveState() === "edit"}>
diff --git a/src/routes/Send.tsx b/src/routes/Send.tsx
index 9705e65..0b260a2 100644
--- a/src/routes/Send.tsx
+++ b/src/routes/Send.tsx
@@ -15,7 +15,7 @@ import { FullscreenModal } from "~/components/layout/FullscreenModal";
 import handshake from "~/assets/hands/handshake.png";
 import thumbsdown from "~/assets/hands/thumbsdown.png";
 import mempoolTxUrl from "~/utils/mempoolTxUrl";
-import { BackButton } from "~/components/layout/BackButton";
+import { BackLink } from "~/components/layout/BackLink";
 
 type SendSource = "lightning" | "onchain";
 
@@ -197,7 +197,7 @@ export default function Send() {
         <NodeManagerGuard>
             <SafeArea>
                 <DefaultMain>
-                    <BackButton />
+                    <BackLink />
                     <LargeHeader>Send Bitcoin</LargeHeader>
                     <FullscreenModal
                         title={sentDetails()?.amount ? "Sent" : "Payment Failed"}
diff --git a/src/routes/Settings.tsx b/src/routes/Settings.tsx
index a0dadcc..ca73c00 100644
--- a/src/routes/Settings.tsx
+++ b/src/routes/Settings.tsx
@@ -1,5 +1,5 @@
 import { ButtonLink, DefaultMain, LargeHeader, NodeManagerGuard, SafeArea, VStack } from "~/components/layout";
-import { BackButton } from "~/components/layout/BackButton";
+import { BackLink } from "~/components/layout/BackLink";
 import NavBar from "~/components/NavBar";
 import { SeedWords } from "~/components/SeedWords";
 import { SettingsStringsEditor } from "~/components/SettingsStringsEditor";
@@ -12,7 +12,7 @@ export default function Settings() {
         <NodeManagerGuard>
             <SafeArea>
                 <DefaultMain>
-                    <BackButton />
+                    <BackLink />
                     <LargeHeader>Settings</LargeHeader>
                     <VStack biggap>
                         <VStack>