From b5e8e6365f70c0d9c36622568ebeda62c053f7a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Mon, 13 Feb 2023 20:21:41 -0300
Subject: [PATCH] chore: use Chakra Image

---
 src/components/UI/docs/MDComponents.tsx | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/components/UI/docs/MDComponents.tsx b/src/components/UI/docs/MDComponents.tsx
index a12c57f2a7..d1d1899a24 100644
--- a/src/components/UI/docs/MDComponents.tsx
+++ b/src/components/UI/docs/MDComponents.tsx
@@ -2,6 +2,7 @@ import {
   Box,
   Flex,
   Heading,
+  Image,
   Link,
   ListItem,
   OrderedList,
@@ -11,7 +12,6 @@ import {
   UnorderedList
 } from '@chakra-ui/react';
 import NextLink from 'next/link';
-import Image from 'next/image';
 
 import { Code, Note } from '.';
 import { textStyles } from '../../../theme/foundations';
@@ -30,17 +30,8 @@ const MDComponents = {
 
       return (
         <Link href={src} isExternal>
-          <Box position='relative' mb={7}>
-            <Image
-              alt={alt}
-              src={src}
-              width={700}
-              height={475}
-              style={{
-                width: '100%',
-                height: 'auto'
-              }}
-            />
+          <Box mb={7}>
+            <Image alt={alt} src={src} />
           </Box>
         </Link>
       );