From a76ea40808264ab8975d1b9e0cace545894904e9 Mon Sep 17 00:00:00 2001
From: Piotr Gulbis <piotr.gulbis@vivid-planet.com>
Date: Thu, 19 Dec 2024 11:19:29 +0100
Subject: [PATCH 1/2] fix: billboard teaser content text alignment

---
 site/src/documents/pages/blocks/BillboardTeaserBlock.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx b/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx
index 09712272d..79e138e6e 100644
--- a/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx
+++ b/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx
@@ -26,7 +26,9 @@ export const BillboardTeaserBlock = withPreview(
             <AbsoluteGridRoot grid>
                 <Content>
                     <HeadingBlock data={heading} />
-                    <RichTextBlock data={text} />
+                    <RichTextWrapper>
+                        <RichTextBlock data={text} />
+                    </RichTextWrapper>
                     <CallToActionListBlock data={callToActionList} />
                 </Content>
             </AbsoluteGridRoot>
@@ -117,3 +119,7 @@ const ImageLargeDesktop = styled.div`
         display: block;
     }
 `;
+
+const RichTextWrapper = styled.div`
+    text-align: center;
+`;

From 7f1820b3ed41d432c4a39f1dc0b27e9b44e66806 Mon Sep 17 00:00:00 2001
From: Piotr Gulbis <piotr.gulbis@vivid-planet.com>
Date: Thu, 19 Dec 2024 14:41:11 +0100
Subject: [PATCH 2/2] fix: add text center to whole content

---
 site/src/documents/pages/blocks/BillboardTeaserBlock.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx b/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx
index 79e138e6e..ac11fa233 100644
--- a/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx
+++ b/site/src/documents/pages/blocks/BillboardTeaserBlock.tsx
@@ -26,9 +26,7 @@ export const BillboardTeaserBlock = withPreview(
             <AbsoluteGridRoot grid>
                 <Content>
                     <HeadingBlock data={heading} />
-                    <RichTextWrapper>
-                        <RichTextBlock data={text} />
-                    </RichTextWrapper>
+                    <RichTextBlock data={text} />
                     <CallToActionListBlock data={callToActionList} />
                 </Content>
             </AbsoluteGridRoot>
@@ -66,6 +64,7 @@ const Content = styled.div`
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    text-align: center;
     color: ${({ theme }) => theme.palette.text.inverted};
 
     ${({ theme }) =>
@@ -119,7 +118,3 @@ const ImageLargeDesktop = styled.div`
         display: block;
     }
 `;
-
-const RichTextWrapper = styled.div`
-    text-align: center;
-`;