From 8d5e4f7c4db4253a3285702e3d1046f9116399b4 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Tue, 20 Jan 2026 14:54:35 +0100
Subject: [PATCH] [dyad] Fixed content overflow issues - wrote 2 file(s)

---
 src/components/pretty-schema-display.tsx | 2 +-
 src/components/serp-preview.tsx          | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/pretty-schema-display.tsx b/src/components/pretty-schema-display.tsx
index e2bc945..7948590 100644
--- a/src/components/pretty-schema-display.tsx
+++ b/src/components/pretty-schema-display.tsx
@@ -119,7 +119,7 @@ const SchemaObjectRenderer = ({
               {Icon && <Icon className="h-4 w-4" />}
               <span>{label}:</span>
             </div>
-            <div className="flex-grow text-sm text-foreground pl-6 sm:pl-0">
+            <div className="flex-grow text-sm text-foreground pl-6 sm:pl-0 min-w-0">
               {key === "@type" ? (
                 <Badge variant="outline">{value as string}</Badge>
               ) : (
diff --git a/src/components/serp-preview.tsx b/src/components/serp-preview.tsx
index 0a632f5..97b6a2a 100644
--- a/src/components/serp-preview.tsx
+++ b/src/components/serp-preview.tsx
@@ -37,14 +37,14 @@ export function SerpPreview({
   return (
     <div className="p-4 border rounded-lg bg-muted/50 w-full font-sans">
       <div className="flex items-center gap-2">
-        <div className="w-7 h-7 bg-background rounded-full flex items-center justify-center border">
+        <div className="w-7 h-7 bg-background rounded-full flex items-center justify-center border flex-shrink-0">
           <Globe className="w-4 h-4 text-muted-foreground" />
         </div>
-        <div>
-          <p className="text-sm text-foreground font-medium -mb-0.5">
+        <div className="min-w-0">
+          <p className="text-sm text-foreground font-medium -mb-0.5 truncate">
             {displayUrl.split("/")[0]}
           </p>
-          <p className="text-xs text-muted-foreground">{displayUrl}</p>
+          <p className="text-xs text-muted-foreground break-all">{displayUrl}</p>
         </div>
       </div>
       <h3 className="text-xl text-blue-600 dark:text-blue-400 mt-2 truncate font-medium">