diff --git a/src/components/tutorial-markdown-render/index.tsx b/src/components/tutorial-markdown-render/index.tsx
index 571d38e5..18233642 100644
--- a/src/components/tutorial-markdown-render/index.tsx
+++ b/src/components/tutorial-markdown-render/index.tsx
@@ -83,23 +83,25 @@ const TutorialMarkdownRender = (props: Props) => {
         <Flex sx={styles.innerContainer}>
           <Box sx={styles.articleBox}>
             <Box sx={styles.contentContainer}>
-              <article>
-                <header>
-                  <Breadcrumb breadcrumbList={props.breadcrumbList} />
-                  <Text sx={styles.documentationTitle} className="title">
-                    {props.serialized.frontmatter?.title}
-                  </Text>
-                  <Text sx={styles.documentationExcerpt}>
-                    {props.serialized.frontmatter?.excerpt}
-                  </Text>
-                </header>
-                {props.serialized.frontmatter?.readingTime && (
-                  <TimeToRead
-                    minutes={props.serialized.frontmatter.readingTime}
-                  />
-                )}
-                <MarkdownRenderer serialized={props.serialized} />
-              </article>
+              <Box sx={styles.textContainer}>
+                <article>
+                  <header>
+                    <Breadcrumb breadcrumbList={props.breadcrumbList} />
+                    <Text sx={styles.documentationTitle} className="title">
+                      {props.serialized.frontmatter?.title}
+                    </Text>
+                    <Text sx={styles.documentationExcerpt}>
+                      {props.serialized.frontmatter?.excerpt}
+                    </Text>
+                  </header>
+                  {props.serialized.frontmatter?.readingTime && (
+                    <TimeToRead
+                      minutes={props.serialized.frontmatter.readingTime}
+                    />
+                  )}
+                  <MarkdownRenderer serialized={props.serialized} />
+                </article>
+              </Box>
             </Box>
 
             <Box sx={styles.bottomContributorsContainer}>
diff --git a/src/pages/announcements/[slug].tsx b/src/pages/announcements/[slug].tsx
index 384ec71d..0c8fc393 100644
--- a/src/pages/announcements/[slug].tsx
+++ b/src/pages/announcements/[slug].tsx
@@ -114,30 +114,32 @@ const AnnouncementPage: NextPage<Props> = ({
         <Flex sx={styles.innerContainer}>
           <Box sx={styles.articleBox}>
             <Box sx={styles.contentContainer}>
-              <article ref={articleRef}>
-                <header>
-                  <Breadcrumb breadcrumbList={[breadcrumb]} />
-                  <Text sx={styles.documentationTitle} className="title">
-                    {serialized.frontmatter?.title}
-                  </Text>
-                  <Box sx={styles.divider}></Box>
-                  <Flex sx={styles.flexContainer}>
-                    <Box>
-                      <Author contributor={contributor} />
-                      {createdAtDate && updatedAtDate && (
-                        <Flex sx={styles.date}>
-                          <DateText
-                            createdAt={createdAtDate}
-                            updatedAt={updatedAtDate}
-                          />
-                        </Flex>
-                      )}
-                    </Box>
-                    {url && <ShareButton url={url} />}
-                  </Flex>
-                </header>
-                <MarkdownRenderer serialized={serialized} />
-              </article>
+              <Box sx={styles.textContainer}>
+                <article ref={articleRef}>
+                  <header>
+                    <Breadcrumb breadcrumbList={[breadcrumb]} />
+                    <Text sx={styles.documentationTitle} className="title">
+                      {serialized.frontmatter?.title}
+                    </Text>
+                    <Box sx={styles.divider}></Box>
+                    <Flex sx={styles.flexContainer}>
+                      <Box>
+                        <Author contributor={contributor} />
+                        {createdAtDate && updatedAtDate && (
+                          <Flex sx={styles.date}>
+                            <DateText
+                              createdAt={createdAtDate}
+                              updatedAt={updatedAtDate}
+                            />
+                          </Flex>
+                        )}
+                      </Box>
+                      {url && <ShareButton url={url} />}
+                    </Flex>
+                  </header>
+                  <MarkdownRenderer serialized={serialized} />
+                </article>
+              </Box>
             </Box>
             <FeedbackSection docPath={path} slug={slug} />
             {serialized.frontmatter?.seeAlso && (
diff --git a/src/pages/docs/tracks/[slug].tsx b/src/pages/docs/tracks/[slug].tsx
index c0a18978..64d011ae 100644
--- a/src/pages/docs/tracks/[slug].tsx
+++ b/src/pages/docs/tracks/[slug].tsx
@@ -126,22 +126,24 @@ const TrackPage: NextPage<Props> = ({
         <Flex sx={styles.innerContainer}>
           <Box sx={styles.articleBox}>
             <Box sx={styles.contentContainer}>
-              <article ref={articleRef}>
-                <header>
-                  <Breadcrumb breadcrumbList={breadcrumbList} />
-                  <Flex sx={styles.flexContainer}>
-                    <Text sx={styles.documentationTitle} className="title">
-                      {serialized.frontmatter?.title}
-                    </Text>
-                    {serialized.frontmatter?.readingTime && (
-                      <TimeToRead
-                        minutes={serialized.frontmatter.readingTime}
-                      />
-                    )}
-                  </Flex>
-                </header>
-                <MarkdownRenderer serialized={serialized} />
-              </article>
+              <Box sx={styles.textContainer}>
+                <article ref={articleRef}>
+                  <header>
+                    <Breadcrumb breadcrumbList={breadcrumbList} />
+                    <Flex sx={styles.flexContainer}>
+                      <Text sx={styles.documentationTitle} className="title">
+                        {serialized.frontmatter?.title}
+                      </Text>
+                      {serialized.frontmatter?.readingTime && (
+                        <TimeToRead
+                          minutes={serialized.frontmatter.readingTime}
+                        />
+                      )}
+                    </Flex>
+                  </header>
+                  <MarkdownRenderer serialized={serialized} />
+                </article>
+              </Box>
             </Box>
 
             <Box sx={styles.bottomContributorsContainer}>
diff --git a/src/pages/faq/[slug].tsx b/src/pages/faq/[slug].tsx
index 7568883c..db21842a 100644
--- a/src/pages/faq/[slug].tsx
+++ b/src/pages/faq/[slug].tsx
@@ -100,28 +100,30 @@ const FaqPage: NextPage<Props> = ({
         <Flex sx={styles.innerContainer}>
           <Box sx={styles.articleBox}>
             <Box sx={styles.contentContainer}>
-              <article ref={articleRef}>
-                <header>
-                  <Breadcrumb breadcrumbList={breadcrumbList} />
-                  <Flex sx={styles.flexContainer}>
-                    <Text sx={styles.documentationTitle} className="title">
-                      {serialized.frontmatter?.title}
-                    </Text>
-                    {serialized.frontmatter?.readingTime && (
-                      <TimeToRead
-                        minutes={serialized.frontmatter.readingTime}
-                      />
-                    )}
-                    {createdAtDate && updatedAtDate && (
-                      <DateText
-                        createdAt={createdAtDate}
-                        updatedAt={updatedAtDate}
-                      />
-                    )}
-                  </Flex>
-                </header>
-                <MarkdownRenderer serialized={serialized} />
-              </article>
+              <Box sx={styles.textContainer}>
+                <article ref={articleRef}>
+                  <header>
+                    <Breadcrumb breadcrumbList={breadcrumbList} />
+                    <Flex sx={styles.flexContainer}>
+                      <Text sx={styles.documentationTitle} className="title">
+                        {serialized.frontmatter?.title}
+                      </Text>
+                      {serialized.frontmatter?.readingTime && (
+                        <TimeToRead
+                          minutes={serialized.frontmatter.readingTime}
+                        />
+                      )}
+                      {createdAtDate && updatedAtDate && (
+                        <DateText
+                          createdAt={createdAtDate}
+                          updatedAt={updatedAtDate}
+                        />
+                      )}
+                    </Flex>
+                  </header>
+                  <MarkdownRenderer serialized={serialized} />
+                </article>
+              </Box>
             </Box>
 
             <Box sx={styles.bottomContributorsContainer}>
diff --git a/src/pages/known-issues/[slug].tsx b/src/pages/known-issues/[slug].tsx
index 77b0ce93..ae9c964f 100644
--- a/src/pages/known-issues/[slug].tsx
+++ b/src/pages/known-issues/[slug].tsx
@@ -103,37 +103,39 @@ const KnownIssuePage: NextPage<Props> = ({
         <Flex sx={styles.innerContainer}>
           <Box sx={styles.articleBox}>
             <Box sx={styles.contentContainer}>
-              <article ref={articleRef}>
-                <header>
-                  <Breadcrumb breadcrumbList={breadcrumbList} />
-                  <Flex sx={styles.flexContainer}>
-                    <Text sx={styles.documentationTitle} className="title">
-                      {serialized.frontmatter?.title}
-                    </Text>
-                    {serialized.frontmatter?.readingTime && (
-                      <TimeToRead
-                        minutes={serialized.frontmatter.readingTime}
-                      />
-                    )}
-                  </Flex>
-                  <Box sx={styles.divider}></Box>
-                  <Flex sx={styles.detailedInfo}>
-                    <Flex sx={styles.id}>
-                      <Text>
-                        ID: {serialized.frontmatter?.internalReference}
+              <Box sx={styles.textContainer}>
+                <article ref={articleRef}>
+                  <header>
+                    <Breadcrumb breadcrumbList={breadcrumbList} />
+                    <Flex sx={styles.flexContainer}>
+                      <Text sx={styles.documentationTitle} className="title">
+                        {serialized.frontmatter?.title}
                       </Text>
-                      <Tag>{serialized.frontmatter?.kiStatus}</Tag>
+                      {serialized.frontmatter?.readingTime && (
+                        <TimeToRead
+                          minutes={serialized.frontmatter.readingTime}
+                        />
+                      )}
                     </Flex>
-                    {createdAtDate && updatedAtDate && (
-                      <DateText
-                        createdAt={createdAtDate}
-                        updatedAt={updatedAtDate}
-                      />
-                    )}
-                  </Flex>
-                </header>
-                <MarkdownRenderer serialized={serialized} />
-              </article>
+                    <Box sx={styles.divider}></Box>
+                    <Flex sx={styles.detailedInfo}>
+                      <Flex sx={styles.id}>
+                        <Text>
+                          ID: {serialized.frontmatter?.internalReference}
+                        </Text>
+                        <Tag>{serialized.frontmatter?.kiStatus}</Tag>
+                      </Flex>
+                      {createdAtDate && updatedAtDate && (
+                        <DateText
+                          createdAt={createdAtDate}
+                          updatedAt={updatedAtDate}
+                        />
+                      )}
+                    </Flex>
+                  </header>
+                  <MarkdownRenderer serialized={serialized} />
+                </article>
+              </Box>
             </Box>
             <Box sx={styles.bottomContributorsContainer}>
               <Box sx={styles.bottomContributorsDivider} />
diff --git a/src/pages/troubleshooting/[slug].tsx b/src/pages/troubleshooting/[slug].tsx
index 7a32ce1b..11b5f35f 100644
--- a/src/pages/troubleshooting/[slug].tsx
+++ b/src/pages/troubleshooting/[slug].tsx
@@ -87,28 +87,30 @@ const TroubleshootingPage: NextPage<Props> = ({
         <Flex sx={styles.innerContainer}>
           <Box sx={styles.articleBox}>
             <Box sx={styles.contentContainer}>
-              <article ref={articleRef}>
-                <header>
-                  <Breadcrumb breadcrumbList={breadcrumbList} />
-                  <Flex sx={styles.flexContainer}>
-                    <Text sx={styles.documentationTitle} className="title">
-                      {serialized.frontmatter?.title}
-                    </Text>
-                    <TimeToRead
-                      minutes={
-                        (serialized.frontmatter?.readingTime as string) ?? 0
-                      }
-                    />
-                    {createdAtDate && updatedAtDate && (
-                      <DateText
-                        createdAt={createdAtDate}
-                        updatedAt={updatedAtDate}
+              <Box sx={styles.textContainer}>
+                <article ref={articleRef}>
+                  <header>
+                    <Breadcrumb breadcrumbList={breadcrumbList} />
+                    <Flex sx={styles.flexContainer}>
+                      <Text sx={styles.documentationTitle} className="title">
+                        {serialized.frontmatter?.title}
+                      </Text>
+                      <TimeToRead
+                        minutes={
+                          (serialized.frontmatter?.readingTime as string) ?? 0
+                        }
                       />
-                    )}
-                  </Flex>
-                </header>
-                <MarkdownRenderer serialized={serialized} />
-              </article>
+                      {createdAtDate && updatedAtDate && (
+                        <DateText
+                          createdAt={createdAtDate}
+                          updatedAt={updatedAtDate}
+                        />
+                      )}
+                    </Flex>
+                  </header>
+                  <MarkdownRenderer serialized={serialized} />
+                </article>
+              </Box>
             </Box>
 
             <Box sx={styles.bottomContributorsContainer}>
diff --git a/src/pages/updates/documentation-updates/index.tsx b/src/pages/updates/documentation-updates/index.tsx
deleted file mode 100644
index 679374b3..00000000
--- a/src/pages/updates/documentation-updates/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Flex, Text } from '@vtex/brand-ui'
-
-import styles from 'styles/documentation-updates'
-
-const DocumentationUpdates = () => {
-  return (
-    <Flex sx={styles.container}>
-      <Text>Documentation Updates</Text>
-    </Flex>
-  )
-}
-
-export default DocumentationUpdates
diff --git a/src/styles/announcement-page.ts b/src/styles/announcement-page.ts
index 6d0256ba..f6a8d854 100644
--- a/src/styles/announcement-page.ts
+++ b/src/styles/announcement-page.ts
@@ -106,11 +106,19 @@ const date: SxStyleProp = {
   ml: '48px',
 }
 
+const textContainer: SxStyleProp = {
+  width: ['100%', '544px'],
+  gap: '8px',
+  pb: '43px',
+  mb: '64px',
+}
+
 export default {
   container,
   mainContainer,
   articleBox,
   contentContainer,
+  textContainer,
   documentationTitle,
   rightContainer,
   releaseAction,