diff --git a/frontend/src/metabase/components/CollectionList.jsx b/frontend/src/metabase/components/CollectionList.jsx
index 70a8a8f84d5a35b23928fee5a39c73b0b74d4368..dbc05253a0733b0eca4460684705b7ffe932a316 100644
--- a/frontend/src/metabase/components/CollectionList.jsx
+++ b/frontend/src/metabase/components/CollectionList.jsx
@@ -23,7 +23,7 @@ const CollectionItem = ({ collection, color, iconName = "all" }) => (
     <Box bg="#F4F6F8" p={2} mb={1}>
       <Flex align="center" py={1} key={`collection-${collection.id}`}>
         <Icon name={iconName} mx={1} color="#93B3C9" />
-        <h4>
+        <h4 className="overflow-hidden">
           <Ellipsified>{collection.name}</Ellipsified>
         </h4>
       </Flex>