diff --git a/src/components/PrimaryWindow.js b/src/components/PrimaryWindow.js
index 5fc1fa8d0b3e7e0358d079202b3726fb10290626..852fef9f880c3194ff0ce022787f9d87bbc957a9 100644
--- a/src/components/PrimaryWindow.js
+++ b/src/components/PrimaryWindow.js
@@ -28,13 +28,12 @@ export class PrimaryWindow extends Component {
    */
   renderViewer() {
     const {
-      audioResources, isCollection, isCollectionDialogVisible,
+      audioResources, isCollection,
       isFetching, videoResources, view, windowId,
     } = this.props;
     if (isCollection) {
       return (
         <>
-          { isCollectionDialogVisible && <CollectionDialog windowId={windowId} /> }
           <SelectCollection
             windowId={windowId}
           />
@@ -76,11 +75,12 @@ export class PrimaryWindow extends Component {
    * Render the component
    */
   render() {
-    const { windowId, classes } = this.props;
+    const { isCollectionDialogVisible, windowId, classes } = this.props;
     return (
       <div className={classNames(ns('primary-window'), classes.primaryWindow)}>
         <WindowSideBar windowId={windowId} />
         <CompanionArea windowId={windowId} position="left" />
+        { isCollectionDialogVisible && <CollectionDialog windowId={windowId} /> }
         <Suspense fallback={<div />}>
           {this.renderViewer()}
         </Suspense>