From 414b0847fd6732afaf18ad41f67c7d3cb2b02a1b Mon Sep 17 00:00:00 2001
From: Gary Tou <gary@garytou.com>
Date: Fri, 7 Mar 2025 17:23:41 -0800
Subject: [PATCH] Make ContactBanner useable outside of MultiStepForm context

---
 components/fiscal-sponsorship/contact.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/fiscal-sponsorship/contact.js b/components/fiscal-sponsorship/contact.js
index aee67ead..2472ae71 100644
--- a/components/fiscal-sponsorship/contact.js
+++ b/components/fiscal-sponsorship/contact.js
@@ -7,13 +7,13 @@ const phoneNumberUri = '+1-844-237-2290'
 const email = 'hcb@hackclub.com'
 
 export default function ContactBanner({ sx }) {
-  const { step } = useMultiStepContext()
-  const firstStep = step === 0
+  const stepContext = useMultiStepContext()
+  const firstStep = stepContext?.step === 0
 
   return (
     <Flex
       sx={{
-        display: firstStep ? 'block' : ['none', 'block'],
+        display: firstStep ? 'flex' : ['none', 'flex'],
         bg: 'sunken',
         color: 'slate',
         alignItems: 'center',