diff --git a/client/components/SketchList.js b/client/components/SketchList.js
new file mode 100644
index 0000000000..c22f4c3ca3
--- /dev/null
+++ b/client/components/SketchList.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import Tooltip from '../Tooltip';
+
+const SketchList = () => {
+  return (
+    <div>
+      {sketches.map((sketch) => (
+        <div key={sketch.id}>
+          <button
+            type='button'
+            aria-label='Remove from Collection'
+            onClick={() => handleRemoveFromCollection(sketch.id)}
+          >
+            <Tooltip text='Remove from Collection' />
+            <span>X</span>
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default SketchList;
\ No newline at end of file