diff --git a/src/components/pretty-schema-display.tsx b/src/components/pretty-schema-display.tsx
index 51d5649..091b57e 100644
--- a/src/components/pretty-schema-display.tsx
+++ b/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-[10rem_1fr] items-start gap-x-4 gap-y-2">
+    <div className="inline-grid grid-cols-1 md:grid-cols-[12rem_1fr] items-start gap-x-4 gap-y-2">
       {Object.entries(data).map(([key, value]) => {
         if (key === "@context") return null;
         const label =
@@ -132,7 +132,7 @@ const SchemaObjectRenderer = ({
 
   if (isNested) {
     return (
-      <div className="p-3 border rounded-lg bg-muted/50">{content}</div>
+      <div className="p-2 border rounded-lg bg-muted/50">{content}</div>
     );
   }