truncate and show ellipsis for content outside of cell bounds

platform/ui/src/components/StudyListTable/StudyListTableRow.js

@@ -51,26 +51,14 @@ const StudyListTableRow = props => {
                           textOverflow: 'ellipsis',
                           whiteSpace: 'nowrap',
                         }}
-                      >
-                        <div
-                          className="flex flex-row items-center pl-1"
-                          style={{
-                            width: '100%',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                          }}
                       >
                         {index === 0 && (
                           <Icon
-                              name={
+                            name={isExpanded ? 'chevron-down' : 'chevron-right'}
-                                isExpanded ? 'chevron-down' : 'chevron-right'
+                            className="mr-4 inline-flex"
-                              }
-                              className="mr-4"
                           />
                         )}
                         {content}
-                        </div>
                       </td>
                     );
                   })}