From 4982c7176a15a33634455f6ed94c5ccf21f702df Mon Sep 17 00:00:00 2001
From: Rowan Cockett <rowanc1@gmail.com>
Date: Tue, 1 Aug 2023 09:04:50 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=AD=20Add=20space=20under=20jupyter=20?=
 =?UTF-8?q?outputs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/breezy-icons-kneel.md | 5 +++++
 packages/jupyter/src/output.tsx  | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/breezy-icons-kneel.md

diff --git a/.changeset/breezy-icons-kneel.md b/.changeset/breezy-icons-kneel.md
new file mode 100644
index 000000000..2acde0ae9
--- /dev/null
+++ b/.changeset/breezy-icons-kneel.md
@@ -0,0 +1,5 @@
+---
+'@myst-theme/jupyter': patch
+---
+
+Add space under jupyter outputs
diff --git a/packages/jupyter/src/output.tsx b/packages/jupyter/src/output.tsx
index 28075c04e..ade15c54b 100644
--- a/packages/jupyter/src/output.tsx
+++ b/packages/jupyter/src/output.tsx
@@ -68,7 +68,7 @@ export function JupyterOutput({
   }
 
   return (
-    <figure
+    <div
       id={identifier || undefined}
       data-mdast-node-id={outputId}
       className={classNames(
@@ -77,11 +77,12 @@ export function JupyterOutput({
           'text-left': !align || align === 'left',
           'text-center': align === 'center',
           'text-right': align === 'right',
+          'mb-5': outputs && outputs.length > 0,
         },
       )}
     >
       {component}
-    </figure>
+    </div>
   );
 }