From 78e9fb8e8fde4aa338ed499e0e336a3aee04d90b Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sat, 10 Sep 2022 15:42:35 +0100
Subject: [PATCH] Small fixes

---
 beta/src/components/MDX/Sandpack/Preview.tsx | 6 +++++-
 beta/src/styles/sandpack.css                 | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/beta/src/components/MDX/Sandpack/Preview.tsx b/beta/src/components/MDX/Sandpack/Preview.tsx
index 8df69e8e..e4b57e45 100644
--- a/beta/src/components/MDX/Sandpack/Preview.tsx
+++ b/beta/src/components/MDX/Sandpack/Preview.tsx
@@ -88,6 +88,10 @@ export function Preview({
     }
   }
 
+  if (rawError != null && rawError.title === 'Runtime Exception') {
+    rawError.title = 'Runtime Error';
+  }
+
   // It changes too fast, causing flicker.
   const error = useDebounced(rawError);
 
@@ -179,7 +183,7 @@ export function Preview({
               : isExpanded
               ? 'sticky'
               : undefined,
-            top: isExpanded ? '4rem' : undefined,
+            top: isExpanded ? '2rem' : undefined,
           }}>
           <iframe
             ref={iframeRef}
diff --git a/beta/src/styles/sandpack.css b/beta/src/styles/sandpack.css
index 9823108b..32013601 100644
--- a/beta/src/styles/sandpack.css
+++ b/beta/src/styles/sandpack.css
@@ -79,6 +79,7 @@ html.dark .sp-wrapper {
 
   border-bottom-left-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
+  overflow: initial;
 }
 @media screen and (max-width: 768px) {
   .sp-layout > .sp-stack {
@@ -259,7 +260,6 @@ html.dark .sandpack--playground .sp-overlay {
 
 .sp-layout {
   min-height: 216px;
-  overflow: initial !important;
 }
 
 .sp-layout > .sp-stack:nth-child(1) {