[dyad] Made schema display symmetrical - wrote 1 file(s)

src/components/pretty-schema-display.tsx

@@ -104,7 +104,7 @@ const SchemaObjectRenderer = ({
   isNested?: boolean;
 }) => {
   const content = (
-    <div className="inline-grid grid-cols-1 md:grid-cols-[auto_auto] items-start gap-x-4 gap-y-2">
+    <div className="inline-grid grid-cols-1 md:grid-cols-[10rem_1fr] items-start gap-x-4 gap-y-2">
       {Object.entries(data).map(([key, value]) => {
         if (key === "@context") return null;
         const label =