diff --git a/src/pages/[...slug].tsx b/src/pages/[...slug].tsx
index b9a4a555d3..74711922ea 100644
--- a/src/pages/[...slug].tsx
+++ b/src/pages/[...slug].tsx
@@ -9,11 +9,10 @@ import { ParsedUrlQuery } from 'querystring';
 import type { GetStaticPaths, GetStaticProps, NextPage } from 'next';
 
 import MDXComponents from '../components/';
-import { Breadcrumbs } from '../components/docs'
+import { Breadcrumbs } from '../components/docs';
 import { PageMetadata } from '../components/UI';
 import { textStyles } from '../theme/foundations';
 
-
 const MATTER_OPTIONS = {
   engines: {
     yaml: (s: any) => yaml.load(s, { schema: yaml.JSON_SCHEMA }) as object
@@ -87,7 +86,9 @@ const DocPage: NextPage<Props> = ({ frontmatter, content }) => {
           </Heading>
           {/* <Text as='span' mt='0 !important'>last edited {TODO: get last edited date}</Text> */}
         </Stack>
-        <ReactMarkdown remarkPlugins={[gfm]} components={ChakraUIRenderer(MDXComponents)}>{content}</ReactMarkdown>
+        <ReactMarkdown remarkPlugins={[gfm]} components={ChakraUIRenderer(MDXComponents)}>
+          {content}
+        </ReactMarkdown>
       </main>
     </>
   );
diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts
index a9f94e2d09..bf91df34a1 100644
--- a/src/theme/foundations/textStyles.ts
+++ b/src/theme/foundations/textStyles.ts
@@ -137,7 +137,7 @@ export const textStyles = {
   'header-button': {
     fontFamily: '"JetBrains Mono", monospace',
     fontWeight: 700,
-    fontSize: { base: '0.86rem', sm: '1rem' },
+    fontSize: { base: '0.86rem', sm: '1rem' }
   },
   'header-mobile-button': {
     fontFamily: '"JetBrains Mono", monospace',