diff --git a/layouts/Blog/Blog.tsx b/layouts/Blog/Blog.tsx
index 11e4a9fa..189d72e6 100644
--- a/layouts/Blog/Blog.tsx
+++ b/layouts/Blog/Blog.tsx
@@ -93,7 +93,7 @@ export function BlogLayout({
           )}
         </Container>
         {image && (
-          <Container maxW="container.lg" px={0} mb={24}>
+          <Container maxW="container.sm" px={0} mb={24}>
             <AspectRatio ratio={1064 / 708}>
               <Image alt="" src={image} fill />
             </AspectRatio>
diff --git a/lib/ui/src/components/MDXRenderer/MDXRenderer.tsx b/lib/ui/src/components/MDXRenderer/MDXRenderer.tsx
index f2088138..8bde58e8 100644
--- a/lib/ui/src/components/MDXRenderer/MDXRenderer.tsx
+++ b/lib/ui/src/components/MDXRenderer/MDXRenderer.tsx
@@ -61,7 +61,6 @@ function HeadingWithAnchor(props: ComponentProps<typeof Heading>) {
 
 const DEFAULT_TEXT_PROPS = {
   fontSize: "md",
-  lineHeight: 1.6,
 };
 
 const rendererComponents: ComponentProps<typeof MDXRemote>["components"] = {
diff --git a/lib/ui/src/theme/components/fontSizes.ts b/lib/ui/src/theme/components/fontSizes.ts
index c78c7927..39cdaec9 100644
--- a/lib/ui/src/theme/components/fontSizes.ts
+++ b/lib/ui/src/theme/components/fontSizes.ts
@@ -1,7 +1,7 @@
 export const fontSizes = {
   xs: "0.875rem", // 14px
   sm: "1rem", // 16px
-  md: "1.25rem", // 20px
+  md: "1.125rem  ", // 18px
   lg: "1.375rem", // 22px
   xl: "1.625rem", // 26px
   "2xl": "2rem", // 32px