From bd29e5e6552353495626c9e7862dd70de79fe67f Mon Sep 17 00:00:00 2001
From: Mary Hipp <maryhipp@Marys-MacBook-Air.local>
Date: Thu, 15 Jun 2023 14:57:14 -0400
Subject: [PATCH] UI tweaks

---
 .../src/features/gallery/components/Boards/HoverableBoard.tsx  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/HoverableBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/HoverableBoard.tsx
index 4bb63dbb5e..d368d4ab0b 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/HoverableBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/HoverableBoard.tsx
@@ -13,7 +13,6 @@ import { useAppDispatch } from 'app/store/storeHooks';
 import { memo, useCallback } from 'react';
 import { FaFolder, FaTrash } from 'react-icons/fa';
 import { ContextMenu } from 'chakra-ui-contextmenu';
-import { useTranslation } from 'react-i18next';
 import { BoardDTO } from 'services/api';
 import { IAIImageFallback } from 'common/components/IAIImageFallback';
 import { boardIdSelected } from 'features/gallery/store/boardSlice';
@@ -89,6 +88,7 @@ const HoverableBoard = memo(({ board, isSelected }: HoverableBoardProps) => {
                 w: 'full',
                 h: 'full',
                 aspectRatio: '1/1',
+                overflow: 'hidden',
               }}
             >
               {cover_image_url ? (
@@ -115,6 +115,7 @@ const HoverableBoard = memo(({ board, isSelected }: HoverableBoardProps) => {
             >
               <EditablePreview
                 sx={{ color: 'base.200', fontSize: 'xs', textAlign: 'left' }}
+                noOfLines={1}
               />
               <EditableInput
                 sx={{