diff --git a/public/assets/css/general.css b/public/assets/css/general.css
index 7d9c3fae..7faecb7b 100644
--- a/public/assets/css/general.css
+++ b/public/assets/css/general.css
@@ -48,10 +48,14 @@ body, .flex-container--column {
 	flex-wrap: wrap;
 }
 
-.flex-container--center {
+.flex-container--justify-center {
 	justify-content: center;
 }
 
+.flex-container--justify-space-between {
+	justify-content: space-between;
+}
+
 .hidden {
 	display: none;
 }
@@ -558,5 +562,26 @@ table {
 	padding: 0px;
 	margin: 1rem;
 	float: left;
-	display: block;
+	border: 0.5px solid white;
+}
+
+.grid-item-image {
+	width: 100%;
+}
+
+.grid-item-details {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	height: 100%;
+	width: 100%;
+	cursor: pointer;
+}
+
+.grid-item-details-text {
+	font-size: medium;
+	margin: 0px;
+	text-align: center;
+	padding: 1em 0px 1em 0px;
+	width: 100%;
 }
\ No newline at end of file
diff --git a/public/assets/css/mediaQueries.css b/public/assets/css/mediaQueries.css
index 1701f711..4b601e1a 100644
--- a/public/assets/css/mediaQueries.css
+++ b/public/assets/css/mediaQueries.css
@@ -32,11 +32,15 @@
 		height: 1rem;
 	}
 
-	.link--nav {
+	.link--nav, .link--nav-active {
 		font-size: small;
 		padding: 1rem 0.5rem 1rem 0.5rem;
 	}
 
+	.select--arrow {
+		padding-right: 1.5em;
+	}
+
 }
 
 @media (max-width: 500px) {
@@ -86,7 +90,7 @@
 
 @media (max-width: 360px) {
 
-	.link--nav {
+	.link--nav, .link--nav-active {
 		font-size: x-small;
 	}
 
diff --git a/public/assets/js/dropzoneFunctions.js b/public/assets/js/dropzoneFunctions.js
index 7523b755..8ac985de 100644
--- a/public/assets/js/dropzoneFunctions.js
+++ b/public/assets/js/dropzoneFunctions.js
@@ -1,6 +1,6 @@
 function showInstructions () {
-    document.getElementById('preview-dropzone-instructions').setAttribute('class', 'flex-container flex-container--column flex-container--center position-absolute');
-    document.getElementById('asset-preview').style.opacity = 0.3;
+    document.getElementById('preview-dropzone-instructions').setAttribute('class', 'flex-container flex-container--column flex-container--justify-center position-absolute');
+    document.getElementById('asset-preview').style.opacity = 0.2;
 }
 
 function hideInstructions () {
@@ -40,16 +40,16 @@ function dragend_handler(event) {
 }
 
 function dragenter_handler(event) {
-    const dropzone = document.getElementById(event.target.id);
-    dropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--margined row--padded row--tall flex-container flex-container--column flex-container--center');
-    dropzone.firstElementChild.setAttribute('class', 'hidden');
-    dropzone.lastElementChild.setAttribute('class', '');
+    var thisDropzone = document.getElementById(event.target.id);
+    thisDropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--margined row--padded row--tall flex-container flex-container--column flex-container--justify-center');
+    thisDropzone.firstElementChild.setAttribute('class', 'hidden');
+    thisDropzone.lastElementChild.setAttribute('class', '');
 
 }
 
 function dragexit_handler(event) {
-    const dropzone = document.getElementById(event.target.id);
-    dropzone.setAttribute('class', 'dropzone row row--tall row--margined row--padded flex-container flex-container--column flex-container--center');
-    dropzone.firstElementChild.setAttribute('class', '');
-    dropzone.lastElementChild.setAttribute('class', 'hidden');
+    var thisDropzone = document.getElementById(event.target.id);
+    thisDropzone.setAttribute('class', 'dropzone row row--tall row--margined row--padded flex-container flex-container--column flex-container--justify-center');
+    thisDropzone.firstElementChild.setAttribute('class', '');
+    thisDropzone.lastElementChild.setAttribute('class', 'hidden');
 }
\ No newline at end of file
diff --git a/public/assets/js/generalFunctions.js b/public/assets/js/generalFunctions.js
index ea5bad2b..72a606e9 100644
--- a/public/assets/js/generalFunctions.js
+++ b/public/assets/js/generalFunctions.js
@@ -197,4 +197,20 @@ function AuthenticationError(message) {
     this.stack = (new Error()).stack;
 }
 AuthenticationError.prototype = Object.create(Error.prototype);
-AuthenticationError.prototype.constructor = AuthenticationError;
\ No newline at end of file
+AuthenticationError.prototype.constructor = AuthenticationError;
+
+function showAssetDetails(event) {
+    var thisAssetHolder = document.getElementById(event.target.id);
+    var thisAssetImage = thisAssetHolder.firstElementChild;
+    var thisAssetDetails = thisAssetHolder.lastElementChild;
+    thisAssetImage.style.opacity = 0.2;
+    thisAssetDetails.setAttribute('class', 'grid-item-details flex-container flex-container--column flex-container--justify-center');
+}
+
+function hideAssetDetails(event) {
+    var thisAssetHolder = document.getElementById(event.target.id);
+    var thisAssetImage = thisAssetHolder.firstElementChild;
+    var thisAssetDetails = thisAssetHolder.lastElementChild;
+    thisAssetImage.style.opacity = 1;
+    thisAssetDetails.setAttribute('class', 'hidden');
+}
diff --git a/views/index.handlebars b/views/index.handlebars
index 153a9972..94c79218 100644
--- a/views/index.handlebars
+++ b/views/index.handlebars
@@ -2,7 +2,7 @@
     <form>
         <input class="input-file" type="file" id="siofu_input" name="siofu_input" accept="video/*,image/*" onchange="previewAndStageFile(event.target.files[0])" enctype="multipart/form-data"/>
     </form>
-    <div id="primary-dropzone" class="dropzone row row--margined row--padded row--tall flex-container flex-container--column flex-container--center" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" ondragenter="dragenter_handler(event)" ondragleave="dragexit_handler(event)" onclick="triggerFileChooser('siofu_input', event)">
+    <div id="primary-dropzone" class="dropzone row row--margined row--padded row--tall flex-container flex-container--column flex-container--justify-center" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" ondragenter="dragenter_handler(event)" ondragleave="dragexit_handler(event)" onclick="triggerFileChooser('siofu_input', event)">
         <div id="primary-dropzone-instructions">
             <div class="info-message-placeholder">
                 <div class="info-message info-message--failure" id="input-error-file-selection" hidden="true"></div>
@@ -109,7 +109,7 @@
     }
     // publish status functions
     function showPublishStatus() {
-        publishStatus.setAttribute('class', 'row row--tall flex-container flex-container--column flex-container--center');
+        publishStatus.setAttribute('class', 'row row--tall flex-container flex-container--column flex-container--justify-center');
     }
     function updatePublishStatus(msg){
         publishUpdate.innerHTML = msg;
diff --git a/views/partials/gridItem.handlebars b/views/partials/gridItem.handlebars
index 50a6189a..4ffa06c2 100644
--- a/views/partials/gridItem.handlebars
+++ b/views/partials/gridItem.handlebars
@@ -1,7 +1,12 @@
-<a href="{{this.showUrlLong}}">
-{{#ifConditional this.contentType '===' 'video/mp4'}}
-    <img class="grid-item" src="{{this.thumbnail}}"/>
-{{else}}
-    <img  class="grid-item" src="{{this.directUrlLong}}" />
-{{/ifConditional}}
-</a>
\ No newline at end of file
+    <div class="grid-item" id="grid-item-{{this.name}}-{{this.claimId}}" onmouseenter="showAssetDetails(event)" onmouseleave="hideAssetDetails(event)">
+            {{#ifConditional this.contentType '===' 'video/mp4'}}
+                <img class="grid-item-image" src="{{this.thumbnail}}"/>
+            {{else}}
+                <img  class="grid-item-image" src="{{this.directUrlLong}}" />
+            {{/ifConditional}}
+
+        <div class="hidden" onclick="window.location='{{this.showUrlLong}}'">
+            <p class="grid-item-details-text">{{this.name}}</p>
+        </div>
+
+    </div>
\ No newline at end of file
diff --git a/views/popular.handlebars b/views/popular.handlebars
index 768ac7f0..1c8626fc 100644
--- a/views/popular.handlebars
+++ b/views/popular.handlebars
@@ -20,5 +20,4 @@
             percentPosition: true
         });
     });
-
 </script>
\ No newline at end of file