diff --git a/views/partials/trendingAssets.handlebars b/views/partials/trendingAssets.handlebars
index ff2e3017..9532b449 100644
--- a/views/partials/trendingAssets.handlebars
+++ b/views/partials/trendingAssets.handlebars
@@ -7,37 +7,31 @@
 			{{#unless this.nsfw}}
 				<a href="/{{this.name}}/{{this.claimId}}">
 				{{#ifConditional this.fileType '===' 'video/mp4'}}
-					<video class="grid-item trending-video" controls>
-						<source src="/media/{{this.fileName}}">
+					<video class="grid-item trending-video" controls onloadeddata="resetLayout()">
+						<source src="/media/{{this.fileName}}" >
 						{{!--fallback--}}
 						Your browser does not support the <code>video</code> element.
 					</video>
 				{{else}}
-					<img  class="grid-item trending-image" src="/media/{{this.fileName}}" />
+					<img  class="grid-item trending-image" src="/media/{{this.fileName}}" onload="resetLayout()"/>
 				{{/ifConditional}}
 				</a>
 			{{/unless}}
+			
 		{{/each}}
 	</div>
 </div>
 
+
 <script>
 	var elem = document.querySelector('.grid');
-	var trendingImages = document.querySelectorAll('.trending-image');
-	var trendingVideos = document.querySelectorAll('.trending-video');
 	var msnry = new Masonry( elem, {
 		itemSelector: '.grid-item'
 	});
-	// after images are loaded, reset layout
-	for (var i = 0; i < trendingVideos.length; i++) {
-		trendingImages[i].addEventListener('load', function(){
-			msnry.layout();
-		})
+	
+	function resetLayout() {
+		console.log('resetting layout');
+		msnry.layout();
 	}
-	// after videos are loaded, reset layout
-	for (var i = 0; i < trendingVideos.length; i++) {
-		trendingVideos[i].addEventListener('loadeddata', function(){
-			msnry.layout();
-		})
-	}
-</script>
\ No newline at end of file
+</script>
+