From 21cab2c23e6d3bb91ed7f566f06e2be040a51b5d Mon Sep 17 00:00:00 2001
From: celine <celine@hyperlink.academy>
Date: Wed, 13 May 2026 16:10:26 -0400
Subject: [PATCH] small tweaks

---
 components/ActionBar/DesktopNavigation.tsx     | 8 ++------
 components/Domains/ManageDomains.tsx           | 2 +-
 components/Modal.tsx                           | 2 +-
 components/PageLayouts/DashboardPageLayout.tsx | 2 +-
 4 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/components/ActionBar/DesktopNavigation.tsx b/components/ActionBar/DesktopNavigation.tsx
index 4d1f425d..c0a0a437 100644
--- a/components/ActionBar/DesktopNavigation.tsx
+++ b/components/ActionBar/DesktopNavigation.tsx
@@ -146,13 +146,9 @@ const HelpPopover = () => {
       align={isMobile ? "center" : "start"}
       className="w-xs max-sw-full pt-3 z-[60]!"
       trigger={
-        <button
-          type="button"
-          aria-label="About Leaflet"
-          className="shrink-0 pr-2 text-tertiary"
-        >
+        <div aria-label="About Leaflet" className="shrink-0 pr-2 text-tertiary">
           <HelpSmall />
-        </button>
+        </div>
       }
     >
       <HelpContent />
diff --git a/components/Domains/ManageDomains.tsx b/components/Domains/ManageDomains.tsx
index 9acd65bb..84962941 100644
--- a/components/Domains/ManageDomains.tsx
+++ b/components/Domains/ManageDomains.tsx
@@ -16,7 +16,7 @@ export function ManageDomains() {
   let [state, setState] = useState<State>("list");
   return (
     <Modal
-      className="w-md"
+      className="w-fill max-w-md"
       trigger={
         <div className="menuItem -mx-[8px] ">
           <WebSmall />
diff --git a/components/Modal.tsx b/components/Modal.tsx
index bd21f910..99fe3242 100644
--- a/components/Modal.tsx
+++ b/components/Modal.tsx
@@ -54,7 +54,7 @@ export const Modal = ({
           overflow-y-scroll no-scrollbar max-w-[calc(100vw-32px)] h-fit max-h-[calc(100dvh-32px)] p-3 flex flex-col w-full sm:w-max text-primary
           `}
         >
-          <Dialog.Close className="bg-bg-page rounded-full -mb-3 mr-2  z-10 w-fit p-1 place-self-end border border-border-light text-tertiary">
+          <Dialog.Close className="bg-bg-page rounded-full mb-2 mr-0  z-10 w-fit p-0.5 place-self-end border border-border-light text-tertiary">
             <CloseTiny />
           </Dialog.Close>
           <div
diff --git a/components/PageLayouts/DashboardPageLayout.tsx b/components/PageLayouts/DashboardPageLayout.tsx
index e2401fd9..7f03b5fe 100644
--- a/components/PageLayouts/DashboardPageLayout.tsx
+++ b/components/PageLayouts/DashboardPageLayout.tsx
@@ -19,7 +19,7 @@ export function DashboardPageLayout(props: {
       className={`dashboardPageContent
         relative w-full h-full
         flex flex-col gap-2
-         pt-3 pb-[calc(var(--safe-padding-bottom)+60px)] px-3
+         pt-3 pb-[calc(var(--safe-padding-bottom)+64px)] px-3
          sm:pt-6 sm:pb-6 sm:pl-8 sm:pr-4
          overflow-y-auto
          `}
-- 
2.51.2