From 252ca6f5a0411f47055b9b1a64d28e2ddd0b093e Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 28 May 2020 13:28:40 -0400
Subject: [PATCH] fix tile layout for large screens

---
 ui/scss/component/_claim-list.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 66a3a655f..036bcb302 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -312,7 +312,10 @@
 }
 
 .claim-preview--tile {
-  $width: calc((100vw - var(--side-nav-width) - (var(--spacing-large) * 4) - var(--spacing-medium) * 3) / 4);
+  $width: calc(
+    (min(var(--page-max-width), 100vw) - var(--side-nav-width) - (var(--spacing-large) * 4) - var(--spacing-medium) * 3) /
+      4
+  );
   width: $width;
   @include handleClaimTileGifThumbnail($width);