From d6331022e924ef6f665d18b297728167475d5d94 Mon Sep 17 00:00:00 2001
From: Sergei Maertens <sergei@maykinmedia.nl>
Date: Thu, 11 Jul 2024 12:37:34 +0200
Subject: [PATCH] :lipstick: Remove padding for JSON view mode

---
 src/components/ComponentPreview.tsx | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/ComponentPreview.tsx b/src/components/ComponentPreview.tsx
index f18a81e9..72b71c86 100644
--- a/src/components/ComponentPreview.tsx
+++ b/src/components/ComponentPreview.tsx
@@ -41,15 +41,16 @@ const ComponentPreviewWrapper: React.FC<ComponentPreviewWrapperProps> = ({
           onChange={event => setpreviewMode(event.target.value as PreviewState)}
         />
       </div>
-      <div className="card-body">
-        {previewMode === 'JSON' ? (
-          <JSONEditor
-            wrapperProps={{className: 'json-editor'}}
-            value={component}
-            onChange={onComponentChange}
-            theme={builderContext.theme}
-          />
-        ) : (
+
+      {previewMode === 'JSON' ? (
+        <JSONEditor
+          wrapperProps={{className: 'json-editor'}}
+          value={component}
+          onChange={onComponentChange}
+          theme={builderContext.theme}
+        />
+      ) : (
+        <div className="card-body">
           <Formik
             enableReinitialize
             initialValues={initialValues}
@@ -61,8 +62,8 @@ const ComponentPreviewWrapper: React.FC<ComponentPreviewWrapperProps> = ({
               {children}
             </div>
           </Formik>
-        )}
-      </div>
+        </div>
+      )}
     </div>
   );
 };