From 36ef476df8ec95480db96f15766f4add2d803e42 Mon Sep 17 00:00:00 2001
From: Abbey Yacoe <abbey@xyflow.com>
Date: Tue, 3 Dec 2024 10:49:37 +0100
Subject: [PATCH] fix(remote-code-editor): fix extra spacing on horizontal code
 editor

---
 packages/xy-shared/widgets/remote-code-viewer/index.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/xy-shared/widgets/remote-code-viewer/index.tsx b/packages/xy-shared/widgets/remote-code-viewer/index.tsx
index 52eaeb24..502ac2a3 100644
--- a/packages/xy-shared/widgets/remote-code-viewer/index.tsx
+++ b/packages/xy-shared/widgets/remote-code-viewer/index.tsx
@@ -14,7 +14,6 @@ import { RemoteContent } from '../../components/remote-content';
 import { SharedContext } from '../../context/shared-context';
 import { CompiledMdx } from '../../types';
 
-
 import './style.css';
 import { OpenInStackblitz } from './open-in-stackblitz';
 import { OpenInCodesandbox } from './open-in-codesandbox';
@@ -26,7 +25,6 @@ const defaultOptions = {
   readOnly: false,
 };
 
-
 export type RemoteCodeViewerProps = {
   route: string;
   framework?: Framework;
@@ -52,7 +50,7 @@ export function RemoteCodeViewer({
 }: RemoteCodeViewerProps) {
   const _framework: Framework =
     framework ?? (process.env.NEXT_PUBLIC_Framework as Framework) ?? 'react';
-  
+
   const preview = `${process.env.NEXT_PUBLIC_EXAMPLES_URL}/${_framework}/${route}/index.html`;
 
   const isExample = route.includes('examples/');
@@ -91,7 +89,7 @@ export function RemoteCodeViewer({
       )}
     >
       <div
-        style={{ height: editorHeight }}
+        style={isHorizontal ? {} : { height: editorHeight }}
         className={clsx('relative', isHorizontal ? 'w-1/2' : '')}
       >
         <iframe