diff --git a/public/assets/css/general.css b/public/assets/css/general.css
index eff06ecf..15a38735 100644
--- a/public/assets/css/general.css
+++ b/public/assets/css/general.css
@@ -93,10 +93,14 @@ p, h3 {
 	margin-top: 1rem;
 }
 
-.publish-fine-print {
+.fine-print {
 	font-size: small;
 }
 
+.blue {
+	color: dodgerblue;
+}
+
 /* TOOL TIPS */
 /* Tooltip container */
 .tooltip {
@@ -310,7 +314,7 @@ option {
 	cursor: pointer;
 }
 
-.input-file-label {
+.blue-underlined-pointer {
 	color: dodgerblue;
 	text-decoration: underline;
 	cursor: pointer;
@@ -471,7 +475,10 @@ table {
 .dropzone:hover, .dropzone--drag-over {
 	border: 2px dashed dodgerblue;
 	cursor: pointer;
-	background-color: #FCFCFC;
+}
+
+#primary-dropzone-instructions, #dropbzone-dragover {
+	z-index: -1;
 }
 
 .position-absolute {
diff --git a/public/assets/css/mediaQueries.css b/public/assets/css/mediaQueries.css
index 3bc8606e..b361b033 100644
--- a/public/assets/css/mediaQueries.css
+++ b/public/assets/css/mediaQueries.css
@@ -81,7 +81,7 @@
 		padding: 1rem 0.5rem 1rem 0.5rem;
 	}
 
-	body, button, input, textarea, label, select, option, p, .publish-fine-print {
+	body, button, input, textarea, label, select, option, p, .fine-print {
 		font-size: small;
 	}
 
@@ -104,7 +104,7 @@
 		font-size: x-small;
 	}
 
-	body, button, input, textarea, label, select, option, p, .publish-fine-print, .instructions-text--large {
+	body, button, input, textarea, label, select, option, p, .fine-print, .instructions-text--large {
 		font-size: x-small;
 	}
 
diff --git a/public/assets/js/dropzoneFunctions.js b/public/assets/js/dropzoneFunctions.js
index e6287746..ca94396c 100644
--- a/public/assets/js/dropzoneFunctions.js
+++ b/public/assets/js/dropzoneFunctions.js
@@ -40,11 +40,16 @@ function dragend_handler(event) {
 }
 
 function dragenter_handler(event) {
-    console.log('drag enter', event);
-    document.getElementById(event.target.id).setAttribute('class', 'dropzone dropzone--drag-over');
+    const dropzone = document.getElementById(event.target.id);
+    dropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--tall flex-container flex-container--center');
+    dropzone.firstElementChild.setAttribute('class', 'hidden');
+    dropzone.lastElementChild.setAttribute('class', '');
+
 }
 
 function dragexit_handler(event) {
-    console.log('drag exit', event);
-    document.getElementById(event.target.id).setAttribute('class', 'dropzone');
+    const dropzone = document.getElementById(event.target.id);
+    dropzone.setAttribute('class', 'dropzone row row--tall flex-container flex-container--center');
+    dropzone.firstElementChild.setAttribute('class', '');
+    dropzone.lastElementChild.setAttribute('class', 'hidden');
 }
\ No newline at end of file
diff --git a/views/index.handlebars b/views/index.handlebars
index 46b031b8..d1bc9799 100644
--- a/views/index.handlebars
+++ b/views/index.handlebars
@@ -8,8 +8,11 @@
                 <div class="info-message info-message--failure" id="input-error-file-selection" hidden="true"></div>
             </div>
             <p>Drag & drop image or video here to publish</p>
-            <p>OR</p>
-            <p><label class="input-file-label">CHOOSE FILE</label></p>
+            <p class="fine-print">OR</p>
+            <p class="blue-underlined-pointer">CHOOSE FILE</p>
+        </div>
+        <div id="dropbzone-dragover" class="hidden">
+            <p class="blue">Drop it.</p>
         </div>
     </div>
     <div id="publish-form" class="hidden">
@@ -24,8 +27,8 @@
                     <div id="asset-preview-target"></div>
                     <div id="preview-dropzone-instructions" class="hidden">
                         <p>Drag & drop image or video here</p>
-                        <p>OR</p>
-                        <label class="input-file-label">CHOOSE FILE</label>
+                        <p class="fine-print">OR</p>
+                        <p class="blue-underlined-pointer">CHOOSE FILE</p>
                     </div>
                 </div>
             </div>
diff --git a/views/partials/publishForm-Submit.handlebars b/views/partials/publishForm-Submit.handlebars
index f3a0769e..a6111e1c 100644
--- a/views/partials/publishForm-Submit.handlebars
+++ b/views/partials/publishForm-Submit.handlebars
@@ -6,5 +6,5 @@
     <button class="button--cancel" onclick="cancelPublish()">Cancel</button>
 </div>
 <div class="row row--short align-content-center">
-    <p class="publish-fine-print">By clicking 'Upload', you affirm that you have the rights to publish this content to the LBRY network, and that you understand the properties of publishing it to a decentralized, user-controlled network. <a target="_blank" href="https://lbry.io/learn">[Read more]</a></p>
+    <p class="fine-print">By clicking 'Upload', you affirm that you have the rights to publish this content to the LBRY network, and that you understand the properties of publishing it to a decentralized, user-controlled network. <a target="_blank" href="https://lbry.io/learn">[Read more]</a></p>
 </div>