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