diff --git a/src/components/schema-display.tsx b/src/components/schema-display.tsx
index 9407da6..b32408d 100644
--- a/src/components/schema-display.tsx
+++ b/src/components/schema-display.tsx
@@ -34,18 +34,18 @@ export function SchemaDisplay({ schemas }: SchemaDisplayProps) {
               key={index}
               className="border rounded-lg bg-background shadow-sm"
             >
-              <AccordionTrigger className="px-6 hover:no-underline">
-                <div className="flex items-center justify-between w-full">
-                  <span className="font-semibold">{schemaType}</span>
-                  <div className="flex items-center gap-2 mr-2">
-                    <span className="text-xs text-muted-foreground hidden sm:inline">
+              <AccordionTrigger className="px-6 hover:no-underline text-left">
+                <span className="font-semibold">{schemaType}</span>
+              </AccordionTrigger>
+              <AccordionContent className="px-6 pt-0">
+                <div className="border-t pt-4 mb-4">
+                  <div className="flex justify-end items-center gap-2">
+                    <span className="text-sm text-muted-foreground">
                       Copy Raw JSON
                     </span>
                     <CopyButton textToCopy={schemaJson} />
                   </div>
                 </div>
-              </AccordionTrigger>
-              <AccordionContent className="p-6 pt-0">
                 <PrettySchemaDisplay schema={schema} />
               </AccordionContent>
             </AccordionItem>