From f5bfb25f5ef826ad1b68477f1b27d375ed9770e4 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Sat, 28 Feb 2026 21:47:27 -0700
Subject: [PATCH] Footer next button fix

---
 app/create/layout.tsx      | 6 ++++++
 app/create/review/page.tsx | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/create/layout.tsx b/app/create/layout.tsx
index 11cec93..b7e5ec0 100644
--- a/app/create/layout.tsx
+++ b/app/create/layout.tsx
@@ -59,12 +59,18 @@ function CreateFlowLayoutContent({ children }: { children: ReactNode }) {
   const previousStep = getPreviousStep();
 
   const handleNext = () => {
+    if (typeof document !== "undefined" && document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
     if (nextStep) {
       router.push(`/create/${nextStep}`);
     }
   };
 
   const handleBack = () => {
+    if (typeof document !== "undefined" && document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
     if (previousStep) {
       router.push(`/create/${previousStep}`);
     }
diff --git a/app/create/review/page.tsx b/app/create/review/page.tsx
index e51c7b6..6407d98 100644
--- a/app/create/review/page.tsx
+++ b/app/create/review/page.tsx
@@ -7,7 +7,7 @@ import RuleCard from "../../components/cards/RuleCard";
 export default function ReviewPage() {
   return (
     <div className="w-full max-w-[1280px] shrink-0 px-5 md:px-16">
-      <div className="flex w-full flex-col gap-4 min-w-0 sm:grid sm:grid-cols-2 sm:gap-12">
+      <div className="flex w-full flex-col gap-4 min-w-0 sm:grid sm:grid-cols-2 sm:gap-[var(--measures-spacing-1200,48px)]">
         <div className="min-w-0">
           <HeaderLockup
             title="Your community is added - congrats!"