diff --git a/ui/src/foundations/typography.stories.mdx b/ui/src/foundations/typography.stories.mdx
index 6b9133601..930abe0c1 100644
--- a/ui/src/foundations/typography.stories.mdx
+++ b/ui/src/foundations/typography.stories.mdx
@@ -1,7 +1,7 @@
 import { DocTypographyList } from '../lib';
 import { Typography } from '../index';
 import { Meta } from '@storybook/addon-docs';
-import '../globals.css'
+import '../globals.css';
 
 <Meta title="Foundations/Typography" />
 
@@ -20,54 +20,56 @@ There is a React component to utilize the typography stack, see
 **Weights:** 400(regular), 500(medium), 700(bold)
 
 <div>
-	<Typography size='4xl'>Hello</Typography>
+	<Typography size="4xl">Hello</Typography>
 </div>
 
-<DocTypographyList items={[
-	{
-		size: '5xl',
-		title: 'Extra Large 5',
-		children: <Typography size="5xl">Extra large 5</Typography>,
-	},
-	{
-		size: '4xl',
-		title: 'Extra Large 4',
-		children: <Typography size="4xl">4xl</Typography>,
-	},
-	{
-		size: '3xl',
-		title: 'Extra Large 3',
-		children: <Typography size="3xl">3xl</Typography>,
-	},
-	{
-		size: '2xl',
-		title: 'Extra Large 2',
-		children: <Typography size="2xl">2xl</Typography>,
-	},
-	{
-		size: 'xl',
-		title: 'Extra Large',
-		children: <Typography size="xl">xl</Typography>,
-	},
-	{
-		size: 'lg',
-		title: 'Large',
-		children: <Typography size="lg">lg</Typography>,
-	},
-	{
-		size: 'base',
-		title: 'Base',
-		description: 'Default size for body text',
-		children: <Typography size="base">base</Typography>,
-	},
-	{
-		size: 'sm',
-		title: 'Small',
-		children: <Typography size="sm">sm</Typography>,
-	},
-	{
-		size: 'xs',
-		title: 'Extra Small',
-		children: <Typography size="xs">xs</Typography>,
-	},
-]} />
+<DocTypographyList
+	items={[
+		{
+			size: '5xl',
+			title: 'Extra Large 5',
+			children: <Typography size="5xl">Extra large 5</Typography>,
+		},
+		{
+			size: '4xl',
+			title: 'Extra Large 4',
+			children: <Typography size="4xl">4xl</Typography>,
+		},
+		{
+			size: '3xl',
+			title: 'Extra Large 3',
+			children: <Typography size="3xl">3xl</Typography>,
+		},
+		{
+			size: '2xl',
+			title: 'Extra Large 2',
+			children: <Typography size="2xl">2xl</Typography>,
+		},
+		{
+			size: 'xl',
+			title: 'Extra Large',
+			children: <Typography size="xl">xl</Typography>,
+		},
+		{
+			size: 'lg',
+			title: 'Large',
+			children: <Typography size="lg">lg</Typography>,
+		},
+		{
+			size: 'base',
+			title: 'Base',
+			description: 'Default size for body text',
+			children: <Typography size="base">base</Typography>,
+		},
+		{
+			size: 'sm',
+			title: 'Small',
+			children: <Typography size="sm">sm</Typography>,
+		},
+		{
+			size: 'xs',
+			title: 'Extra Small',
+			children: <Typography size="xs">xs</Typography>,
+		},
+	]}
+/>