From 3e511497d2e501bb91ffc78acfa5def709bd406e Mon Sep 17 00:00:00 2001
From: Chris Weaver <25087905+Weves@users.noreply.github.com>
Date: Mon, 30 Sep 2024 08:31:12 -0700
Subject: [PATCH] Fix overflow of prompt library table (#2606)

---
 web/src/app/admin/prompt-library/promptLibrary.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/web/src/app/admin/prompt-library/promptLibrary.tsx b/web/src/app/admin/prompt-library/promptLibrary.tsx
index 0b47bf40ad1..8a046893dfb 100644
--- a/web/src/app/admin/prompt-library/promptLibrary.tsx
+++ b/web/src/app/admin/prompt-library/promptLibrary.tsx
@@ -202,7 +202,7 @@ export const PromptLibraryTable = ({
           ))}
         </div>
       </div>
-      <div className="mx-auto">
+      <div className="mx-auto overflow-x-auto">
         <Table>
           <TableHead>
             <TableRow>
@@ -220,7 +220,16 @@ export const PromptLibraryTable = ({
                 .map((item) => (
                   <TableRow key={item.id}>
                     <TableCell>{item.prompt}</TableCell>
-                    <TableCell>{item.content}</TableCell>
+                    <TableCell
+                      className="
+                      max-w-xs
+                      overflow-hidden
+                      text-ellipsis
+                      break-words
+                    "
+                    >
+                      {item.content}
+                    </TableCell>
                     <TableCell>{item.active ? "Active" : "Inactive"}</TableCell>
                     <TableCell>
                       <button