From 74ddffef6e06f841d697417fd0157a9afd2f5420 Mon Sep 17 00:00:00 2001
From: Calinator444 <caleb.williams5247@gmail.com>
Date: Tue, 27 Aug 2024 10:25:01 +1000
Subject: [PATCH] Fixed grey box rendering when articles are created without a
 contact us form

---
 pages/articles/[filename].tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/pages/articles/[filename].tsx b/pages/articles/[filename].tsx
index eec7507287..33d094d2ca 100644
--- a/pages/articles/[filename].tsx
+++ b/pages/articles/[filename].tsx
@@ -106,11 +106,12 @@ export default function ArticlesPage(
             )}
           </section>
         )}
-        <Section className="!bg-gray-75 pb-25 text-center">
-          {
 
-            
-            (data.articles.bookingButton?.showContactForm) && <Container size="custom" className="w-full">
+
+      {
+        (data.articles.bookingButton?.showContactForm) && 
+        <Section className="!bg-gray-75 pb-25 text-center">
+            <Container size="custom" className="w-full">
               {data.articles.bookingButton.title && 
                 <h1 className="mx-auto w-fit" data-tina-field={tinaField(data.articles.bookingButton, "title")}>
                   {data.articles.bookingButton.title}
@@ -124,8 +125,9 @@ export default function ArticlesPage(
               }
               <BookingButton buttonSubtitle={data.articles.bookingButton.buttonSubtitle} dataTinaField={tinaField(data.articles.bookingButton, "buttonSubtitle")} buttonText={data.articles.bookingButton.buttonText} />
               </Container>
-            }
+            
         </Section>
+        }
         <Section>
           <BuiltOnAzure data={{ backgroundColor: "default" }} />
         </Section>