From d6db01056ab7262f240153c881e08553e5932763 Mon Sep 17 00:00:00 2001
From: Weves <chrisweaver101@gmail.com>
Date: Sun, 29 Sep 2024 19:45:51 -0700
Subject: [PATCH] Fix overflow of prompt library table

---
 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