From 1c5434c61c197c02f813760f37a0c4da88333507 Mon Sep 17 00:00:00 2001
From: 29deepanshutyagi <29deepanshutyagi@gmail.com>
Date: Fri, 27 Dec 2024 17:26:05 +0530
Subject: [PATCH] Refactor classNames in JsonEditor and StyledMarkdown
 components

---
 components/JsonEditor.tsx     |  6 +++---
 components/StyledMarkdown.tsx | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/JsonEditor.tsx b/components/JsonEditor.tsx
index a0073ad9d..af506734a 100644
--- a/components/JsonEditor.tsx
+++ b/components/JsonEditor.tsx
@@ -323,7 +323,7 @@ export default function JsonEditor({ initialCode }: { initialCode: string }) {
                   alt=' logo-white'
                   width={16}
                   height={16}
-                  className='h-4 mr-1.5'
+                  className=' mr-1.5'
                 />{' '}
                 schema
               </>
@@ -470,7 +470,7 @@ export default function JsonEditor({ initialCode }: { initialCode: string }) {
               alt='Error icon'
               width={16}
               height={16}
-              className='h-4 w-4 mr-2'
+              className=' mr-2'
             />
             not compliant to schema
           </div>
@@ -485,7 +485,7 @@ export default function JsonEditor({ initialCode }: { initialCode: string }) {
               alt='Checkmark icon'
               width={20}
               height={20}
-              className='h-5 w-5 mr-2'
+              className='mr-2'
             />
             compliant to schema
           </div>
diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index b16272735..5f5104a4b 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -390,9 +390,9 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                   <div className='flex flex-row items-center text-blue-500 text-lg font-semibold mb-6 mt-10'>
                     <Image
                       src='/icons/star.svg'
-                      width={12}
-                      height={12}
-                      className='h-5 w-5 mr-2 mb-1'
+                      width={20}
+                      height={20}
+                      className='mr-2 mb-1'
                       alt='star'
                     />
                     {label}
@@ -406,9 +406,9 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                   <div className='inline-flex flex-row items-center text-blue-500 font-semibold'>
                     <Image
                       src='/icons/info-yellow.svg'
-                      className='h-3 w-3 mr-1'
-                      width={28}
-                      height={28}
+                      className='mr-1'
+                      width={12}
+                      height={12}
                       alt='info yellow'
                     />
                     {label}