diff --git a/src/components/CollectionDialog.js b/src/components/CollectionDialog.js
index f66e36a48cda54890294652bb2fdbcc51ea8a4ca..9c92b5e4d43b480e215e070de6d583e4ef03c4f4 100644
--- a/src/components/CollectionDialog.js
+++ b/src/components/CollectionDialog.js
@@ -243,7 +243,11 @@ export class CollectionDialog extends Component {
             <MenuList>
               {
                 collections.map(c => (
-                  <MenuItem key={c.id} onClick={() => { this.selectCollection(c); }}>
+                  <MenuItem
+                    key={c.id}
+                    onClick={() => { this.selectCollection(c); }}
+                    className={classes.collectionItem}
+                  >
                     {CollectionDialog.getUseableLabel(c)}
                   </MenuItem>
                 ))
@@ -254,7 +258,11 @@ export class CollectionDialog extends Component {
             <MenuList>
               {
                 manifest.getManifests().map(m => (
-                  <MenuItem key={m.id} onClick={() => { this.selectManifest(m); }}>
+                  <MenuItem
+                    key={m.id}
+                    onClick={() => { this.selectManifest(m); }}
+                    className={classes.collectionItem}
+                  >
                     {CollectionDialog.getUseableLabel(m)}
                   </MenuItem>
                 ))
diff --git a/src/containers/CollectionDialog.js b/src/containers/CollectionDialog.js
index d663a90fa87a820e398fbe47bd5f248898a12d85..940daca682e6013a8671ae324020533c3910d56d 100644
--- a/src/containers/CollectionDialog.js
+++ b/src/containers/CollectionDialog.js
@@ -54,6 +54,9 @@ const styles = theme => ({
     padding: '16px',
     paddingTop: 0,
   },
+  collectionItem: {
+    whiteSpace: 'normal',
+  },
   collectionMetadata: {
     padding: '16px',
   },