diff --git a/src/components/modal/addtostudio/modal.jsx b/src/components/modal/addtostudio/modal.jsx
index b7eb9692c..817337ea6 100644
--- a/src/components/modal/addtostudio/modal.jsx
+++ b/src/components/modal/addtostudio/modal.jsx
@@ -1,25 +1,17 @@
 // NOTE: next questions:
 // * what is the lifecycle of the getStudios etc. requests? Are they guaranteed to be there
 //   on page load? Are they ever updated, e.g. after you join one?
-// * should we treat "waiting" to mean, user has requested the modal to be closed;
+
+// design decisions:
+// * we should treat "waiting" to mean, user has requested the modal to be closed;
 //   that is, if you click ok and it's waiting for responses, then you click x,
 //   it closes and sets waiting to false?
 //   then in the checkForOutstandingUpdates function, we close the window
 //   iff waiting is true.
 //   that avoids the situation where you close the window while a request is
 //   outstanding, then reopen it only to have it instantly close on you.
-// * should the button to submit instantly? By clicking away shouldn't effectively undo what you thought you did.
-// * should it really be pinned on the page? Isn't that something you're trying to move away from?
-// * is it ok for me to make the spinner bigger and higher-radius-as-percent? (just for modal)
-// *
-// one way to go: no buttons at all.
-// maybe let kids toggle on and off like crazy, then when you click ok it submits?
-// *
-// plan:
-// * change joined to updateQueued = {[id]: {updateType: ['join':'leave']}, ...}
-// * also maintain second hash, joined = {[id]: true, ...}
-// in render, use joined to set color, and if queued, use spinner for icon.
-//
+// * keep the okay button, it sets up an overall spinner until everything is resolved
+// * but you can totally close the window regardless
 
 // sample data:
 // this.studios = [{name: 'Funny games', id: 1}, {name: 'Silly ideas', id: 2}];
diff --git a/static/svgs/modal/add.svg b/static/svgs/modal/add.svg
new file mode 100644
index 000000000..eec02a23e
--- /dev/null
+++ b/static/svgs/modal/add.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>add</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="add" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8.75,11.25 L6.25,11.25 C5.56,11.25 5,10.69125 5,10 C5,9.31 5.56,8.75 6.25,8.75 L8.75,8.75 L8.75,6.25 C8.75,5.56 9.31,5 10,5 C10.69125,5 11.25,5.56 11.25,6.25 L11.25,8.75 L13.75,8.75 C14.44125,8.75 15,9.31 15,10 C15,10.69125 14.44125,11.25 13.75,11.25 L11.25,11.25 L11.25,13.75 C11.25,14.44125 10.69125,15 10,15 C9.31,15 8.75,14.44125 8.75,13.75 L8.75,11.25 Z" fill="#FFFFFF"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/svgs/modal/confirm.svg b/static/svgs/modal/confirm.svg
new file mode 100644
index 000000000..586642228
--- /dev/null
+++ b/static/svgs/modal/confirm.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>confirm</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="confirm" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <polyline id="Path-2" stroke="#FFFFFF" stroke-width="2.5" points="6 10 9 13 15 7"></polyline>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/svgs/modal/spinner.svg b/static/svgs/modal/spinner.svg
new file mode 100644
index 000000000..eb7eed3f2
--- /dev/null
+++ b/static/svgs/modal/spinner.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>spinner</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="spinner" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M15,10 C15,7.23857625 12.7614237,5 10,5 C7.23857625,5 5,7.23857625 5,10 C5,12.7614237 7.23857625,15 10,15" id="Oval-2" stroke="#FFFFFF" stroke-width="2.5"></path>
+    </g>
+</svg>
\ No newline at end of file