From 3e0086e603579516d3353cd205db2fa2260361bc Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Thu, 8 Dec 2022 10:48:02 +0800
Subject: [PATCH] Update mdxComponents.tsx

---
 apps/www/lib/mdx/mdxComponents.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/apps/www/lib/mdx/mdxComponents.tsx b/apps/www/lib/mdx/mdxComponents.tsx
index 5464795d445..e8b1e6dacf5 100644
--- a/apps/www/lib/mdx/mdxComponents.tsx
+++ b/apps/www/lib/mdx/mdxComponents.tsx
@@ -30,20 +30,13 @@ export default function mdxComponents(type?: 'blog' | 'lp' | undefined) {
     img: (props: any) => {
       if (props.className !== ignoreClass) {
         return (
-          <div
-            className={[
-              'next-image--dynamic-fill',
-              type === 'blog' && 'to-scale-400 from-scale-500 rounded-lg border bg-gradient-to-r',
-            ].join(' ')}
-          >
+          <span className={['next-image--dynamic-fill'].join(' ')}>
             <Image
               {...props}
-              className={['next-image--dynamic-fill', type === 'blog' && 'rounded-md border'].join(
-                ' '
-              )}
+              className={[type === 'blog' ? 'rounded-md border' : ''].join(' ')}
               layout="fill"
             />
-          </div>
+          </span>
         )
       }
       return <img {...props} />