diff --git a/components/ActionBar/ActionButton.tsx b/components/ActionBar/ActionButton.tsx
index 7f100c50..7195c88d 100644
--- a/components/ActionBar/ActionButton.tsx
+++ b/components/ActionBar/ActionButton.tsx
@@ -37,13 +37,13 @@ export const ActionButton = forwardRef<
       actionButton relative font-bold
       rounded-md border
       flex gap-2 items-center sm:justify-start justify-center
-      p-1 sm:mr-0 last:mr-0 first:mr-2 sm:first:mr-0
+      p-1 sm:mx-0
       ${
         props.primary
-          ? "w-full bg-accent-1 border-accent-1 text-accent-2 transparent-outline sm:hover:outline-accent-contrast focus:outline-accent-1 outline-offset-1 mr-2"
+          ? "w-full bg-accent-1 border-accent-1 text-accent-2 transparent-outline sm:hover:outline-accent-contrast focus:outline-accent-1 outline-offset-1 mx-1 first:ml-0"
           : props.secondary
-            ? "sm:w-full w-max bg-bg-page border-accent-contrast text-accent-contrast transparent-outline focus:outline-accent-contrast sm:hover:outline-accent-contrast outline-offset-1 mr-2"
-            : "sm:w-full w-max border-transparent text-accent-1 sm:hover:border-accent-1 mr-1"
+            ? "sm:w-full w-max bg-bg-page border-accent-contrast text-accent-contrast transparent-outline focus:outline-accent-contrast sm:hover:outline-accent-contrast outline-offset-1 mx-1 first:ml-0"
+            : "sm:w-full w-max border-transparent text-accent-1 sm:hover:border-accent-1"
       }
       `}
     >
diff --git a/components/ActionBar/Footer.tsx b/components/ActionBar/Footer.tsx
index 769ed138..e284c521 100644
--- a/components/ActionBar/Footer.tsx
+++ b/components/ActionBar/Footer.tsx
@@ -8,8 +8,8 @@ export function Footer(props: { children?: React.ReactNode }) {
         actionFooter touch-none
         w-full z-10
         px-2 pt-1 pwa-padding-bottom
-        flex justify-start
-        h-[calc(45px+var(--safe-padding-bottom))]
+        flex justify-start gap-1
+        h-[calc(38px+var(--safe-padding-bottom))]
         bg-[rgba(var(--bg-page),0.5)] border-top border-bg-page`}
     >
       {props.children}
diff --git a/components/HomeButton.tsx b/components/HomeButton.tsx
index 2facf8f3..fb0bc650 100644
--- a/components/HomeButton.tsx
+++ b/components/HomeButton.tsx
@@ -19,7 +19,7 @@ export function HomeButton() {
         <Link
           href="/home"
           prefetch
-          className="hover:no-underline first:mr-2"
+          className="hover:no-underline"
           style={{ textDecorationLine: "none !important" }}
         >
           <ActionButton icon={<HomeSmall />} label="Go Home" />
diff --git a/components/Toolbar/index.tsx b/components/Toolbar/index.tsx
index 18e79d1f..d0a9544f 100644
--- a/components/Toolbar/index.tsx
+++ b/components/Toolbar/index.tsx
@@ -85,7 +85,7 @@ export const Toolbar = (props: { pageID: string; blockID: string }) => {
     <Tooltip.Provider>
       <div
         className={`toolbar flex gap-2 items-center justify-between w-full
-        ${isMobile ? "h-[calc(21px+var(--safe-padding-bottom))]" : "h-[26px]"}`}
+        ${isMobile ? "h-[calc(15px+var(--safe-padding-bottom))]" : "h-[26px]"}`}
       >
         <div className="toolbarOptions flex gap-1 sm:gap-[6px] items-center grow">
           {toolbarState === "default" ? (