From 6b27b15883aa94bf08bb79405b616fd39c342d3b Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Wed, 8 Oct 2025 10:24:43 -0500
Subject: [PATCH] remove back button on mobile page header

---
 web/src/pages/Settings.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index 5c61fc17f..b5e1e04cc 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -60,7 +60,6 @@ import {
 import {
   MobilePage,
   MobilePageContent,
-  MobilePageHeader,
   MobilePagePortal,
   MobilePageTitle,
 } from "@/components/mobile/MobilePage";
@@ -318,11 +317,18 @@ export default function Settings() {
         <MobilePage open={mobileMenuOpen} onOpenChange={setMobileMenuOpen}>
           <MobilePagePortal>
             <MobilePageContent className="px-4">
-              <MobilePageHeader>
-                <MobilePageTitle>
-                  {t("settings", { ns: "common" })}
-                </MobilePageTitle>
-              </MobilePageHeader>
+              <div
+                className={cn(
+                  "sticky -top-2 z-50 mb-2 flex items-center justify-center bg-background p-4",
+                )}
+              >
+                <div className="flex flex-row text-center">
+                  <MobilePageTitle>
+                    {t("settings", { ns: "common" })}
+                  </MobilePageTitle>
+                </div>
+              </div>
+
               <div>
                 {settingsGroups.map((group) => {
                   const filteredItems = group.items.filter((item) =>