diff --git a/src/_colors.scss b/src/_colors.scss
index 475ae2792..0f2b84741 100644
--- a/src/_colors.scss
+++ b/src/_colors.scss
@@ -34,6 +34,7 @@ $active-gray: hsla(0, 0, 0, .1);
 $active-dark-gray: hsla(0, 0, 0, .2);
 $box-shadow-gray: hsla(0, 0, 0, .25);
 $overlay-gray: hsla(0, 0, 0, .75);
+$transparent: rgba(229, 240, 254, 0);
 
 /* Typography Colors */
 $header-gray: hsla(0, 0, 42, 1); //#6B6B6B
diff --git a/src/components/modal/addtostudio/modal.jsx b/src/components/modal/addtostudio/modal.jsx
index ad1e61ece..77b69f1e6 100644
--- a/src/components/modal/addtostudio/modal.jsx
+++ b/src/components/modal/addtostudio/modal.jsx
@@ -1,6 +1,8 @@
 // NOTE: next questions:
-// * should i make these buttons actual select/checkbox elements?
-// then i could just submit the form or something, right?
+// * 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?
+// *
+// *
 
 const bindAll = require('lodash.bindall');
 const truncate = require('lodash.truncate');
@@ -202,8 +204,11 @@ class AddToStudioModal extends React.Component {
                                     {studioButtons}
                                 </div>
                             </div>
+                            <div className="studio-list-bottom-gradient">
+                            </div>
                         </div>
 
+
                         <Form
                             className="add-to-studio"
                             onSubmit={this.handleSubmit}
diff --git a/src/components/modal/addtostudio/modal.scss b/src/components/modal/addtostudio/modal.scss
index 91035e648..4e51646f3 100644
--- a/src/components/modal/addtostudio/modal.scss
+++ b/src/components/modal/addtostudio/modal.scss
@@ -40,6 +40,7 @@
 
 .studio-list-outer-scrollbox {
     background-color: $ui-blue-10percent-solid;
+    position: relative;
 }
 
 .studio-list-inner-scrollbox {
@@ -68,11 +69,25 @@
     justify-content: flex-start;
     flex-flow: row wrap;
     padding: 1rem 3rem;
+
+    min-height: 30rem;
 }
 /* NOTE: force scrolling: add to above:
     min-height: 30rem;
 */
 
+.studio-list-bottom-gradient {
+    position: absolute;
+    bottom: 0;
+    background: linear-gradient(
+        $transparent,
+        $ui-blue-10percent
+    );
+    width: 100%;
+    height: 2rem;
+}
+
+
 .studio-selector-button {
     background-color: $ui-white;
     color: $type-gray;