diff --git a/src/components/pretty-schema-display.tsx b/src/components/pretty-schema-display.tsx
index 1ef64ae..90d2437 100644
--- a/src/components/pretty-schema-display.tsx
+++ b/src/components/pretty-schema-display.tsx
@@ -81,7 +81,7 @@ const renderValue = (value: any): React.ReactNode => {
   if (typeof value === "object" && value !== null) {
     if (Array.isArray(value)) {
       return (
-        <div className="flex flex-col gap-3">
+        <div className="flex flex-col gap-2">
           {value.map((item, index) => (
             <div key={index} className="pl-4">
               {renderValue(item)}
@@ -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-6 gap-y-4">
+    <div className="inline-grid grid-cols-1 md:grid-cols-[auto_auto] 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-4 border rounded-lg bg-muted/50">{content}</div>
+      <div className="p-3 border rounded-lg bg-muted/50">{content}</div>
     );
   }