From 7b6ff1ea464a2c33e0677201370baa744b88c876 Mon Sep 17 00:00:00 2001
From: Isaac Way <iway1@vols.utk.edu>
Date: Wed, 1 Feb 2023 13:21:13 -0600
Subject: [PATCH] Now wraps response lines if they're too long for container

---
 .../components/form/ProcedureForm/Response.tsx         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/trpc-panel/src/react-app/components/form/ProcedureForm/Response.tsx b/packages/trpc-panel/src/react-app/components/form/ProcedureForm/Response.tsx
index 7115048..fddaea3 100644
--- a/packages/trpc-panel/src/react-app/components/form/ProcedureForm/Response.tsx
+++ b/packages/trpc-panel/src/react-app/components/form/ProcedureForm/Response.tsx
@@ -2,9 +2,9 @@ import React from "react";
 import { FormSection } from "./FormSection";
 
 export function Response({ children }: { children: string }) {
-    return (
-        <FormSection title="Response">
-            <p className="whitespace-pre font-mono">{children}</p>
-        </FormSection>
-    );
+  return (
+    <FormSection title="Response">
+      <p className="font-mono whitespace-pre-wrap break-words">{children}</p>
+    </FormSection>
+  );
 }