diff --git a/src/components/pretty-schema-display.tsx b/src/components/pretty-schema-display.tsx
index 90d2437..51d5649 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-[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 =