From 7adcddf90202b60d71adc743c0baa7a9bfa804bf Mon Sep 17 00:00:00 2001
From: Eliezer Capuano <capuanojahday0@gmail.com>
Date: Tue, 2 Apr 2024 12:14:02 -0400
Subject: [PATCH] fix: :lipstick: FIXED MAX-WIDTH IMAGE COMPONENT EXPORT FROM
 MDX COMPONENT FILE

---
 src/components/mdx.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/mdx.jsx b/src/components/mdx.jsx
index 81c65ee..07754ec 100644
--- a/src/components/mdx.jsx
+++ b/src/components/mdx.jsx
@@ -22,7 +22,7 @@ export const Image = function Img(props) {
     {props?.label ? <div className="flex py-1 flex-wrap items-start gap-x-4 px-4  dark:border-zinc-800 dark:bg-transparent"><h3 className="mr-auto m-0 text-xs font-thin">{props.label}</h3></div> : <></> }
     <img 
       onClick={showModal}
-      className='not-prose justify-center text-center cursor-pointer aling-block  overflow-hidden max-h-[800px]  rounded-2xl bg-zinc-900 shadow-md dark:ring-1 dark:ring-white/10' {...props} />
+      className='not-prose justify-center text-center cursor-pointer aling-block max-w-full h-auto overflow-hidden max-h-[800px]  rounded-2xl bg-zinc-900 shadow-md dark:ring-1 dark:ring-white/10' {...props} />
             {isOpen && (
             <Modal
               src={props.src}