fix overflowing video title (#1284)

* fix overflowing video title

* fix maxColumn grid style

src/shared/components/Grid/Grid.tsx

@@ -57,7 +57,7 @@ const maxColumnsCss = ({ maxColumns }: ContainerProps) =>
   maxColumns
     ? css`
         ${media.xlarge} {
-          grid-template-columns: repeat(${maxColumns}, 1fr);
+          grid-template-columns: repeat(${maxColumns}, minmax(0, 1fr));
         }
       `
     : null

src/shared/components/VideoTileBase/VideoTileBase.styles.tsx

@@ -102,6 +102,7 @@ export const AvatarContainer = styled.div`
 
 export const TextContainer = styled.div`
   flex: 1;
+  overflow: hidden;
 `
 
 export const KebabMenuButtonIcon = styled(IconButton)<ActiveProps>`