diff --git a/client/modules/User/components/Collection.jsx b/client/modules/User/components/Collection.jsx
index 1a4c07d4..deb3efb1 100644
--- a/client/modules/User/components/Collection.jsx
+++ b/client/modules/User/components/Collection.jsx
@@ -19,6 +19,7 @@ import EditableInput from '../../IDE/components/EditableInput';
 import Overlay from '../../App/components/Overlay';
 import SketchList from '../../IDE/components/SketchList';
 import CopyableInput from '../../IDE/components/CopyableInput';
+import SketchSearchbar from '../../IDE/components/Searchbar';
 
 const arrowUp = require('../../../images/sort-arrow-up.svg');
 const arrowDown = require('../../../images/sort-arrow-down.svg');
@@ -462,7 +463,7 @@ class Collection extends React.Component {
           }
           {
             this.state.isAddingSketches && (
-              <Overlay title="Add sketches" closeOverlay={this.hideAddSketches}>
+              <Overlay title="Add sketches" actions={<SketchSearchbar />} closeOverlay={this.hideAddSketches}>
                 <div className="collection-add-sketch">
                   <SketchList username={this.props.username} addMode collection={this.props.collection} />
                 </div>
diff --git a/client/styles/components/_collection.scss b/client/styles/components/_collection.scss
index b51f9efd..b0f122f2 100644
--- a/client/styles/components/_collection.scss
+++ b/client/styles/components/_collection.scss
@@ -83,6 +83,7 @@
 }
 
 .collection-add-sketch {
+  min-width: #{800 / $base-font-size}rem;
   padding: #{24 / $base-font-size}rem;
   overflow: scroll;
 }