[dev-overlay] fix: hydration error style

vercel · Feb 14, 2025 · ab20d9c · ab20d9c
1 parent 51fc5f6
commit ab20d9c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/.../next/src/client/components/react-dev-overlay/_experimental/internal/container/errors.tsx b/.../next/src/client/components/react-dev-overlay/_experimental/internal/container/errors.tsx
@@ -267,7 +267,7 @@ export const styles = css`
     margin-bottom: var(--size-3_5);
   }
   .error-overlay-notes-container {
-    padding: 0 var(--size-4);
+    margin: var(--size-2) var(--size-0_5);
   }
   .error-overlay-notes-container p {
     white-space: pre-wrap;

diff --git a/...ev-overlay/_experimental/internal/container/runtime-error/component-stack-pseudo-html.tsx b/...ev-overlay/_experimental/internal/container/runtime-error/component-stack-pseudo-html.tsx
@@ -4,8 +4,7 @@ export { PseudoHtmlDiff } from '../../../../hydration-diff/diff-view'
 
 export const PSEUDO_HTML_DIFF_STYLES = css`
   [data-nextjs-container-errors-pseudo-html] {
-    padding: var(--size-3) 0;
-    margin: var(--size-2) var(--size-4) var(--size-4);
+    margin: var(--size-2) 0;
     border: 1px solid var(--color-gray-400);
     background: var(--color-background-200);
     color: var(--color-syntax-constant);