diff --git a/invokeai/frontend/web/src/features/gallery/components/GalleryBoardName.tsx b/invokeai/frontend/web/src/features/gallery/components/GalleryBoardName.tsx
index 12454dd15b..897cf4e7e8 100644
--- a/invokeai/frontend/web/src/features/gallery/components/GalleryBoardName.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/GalleryBoardName.tsx
@@ -58,7 +58,9 @@ const GalleryBoardName = (props: Props) => {
             },
           }}
         >
-          {boardName}
+          {boardName.length > 20
+            ? `${boardName.substring(0, 20)}...`
+            : boardName}
         </Text>
       </Box>
       <Spacer />