From 70b9d82070d480fc898ebf622863275d1cd412b3 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 28 May 2020 15:09:21 -0400
Subject: [PATCH] fix thumbnail border radius on homepage

---
 ui/scss/component/_claim-list.scss |  2 +-
 ui/scss/init/_mixins.scss          | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index a17778538..1a05c96ff 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -92,7 +92,7 @@
   .media__thumb {
     $width: var(--file-list-thumbnail-width);
     width: $width;
-    @include handleClaimTileGifThumbnail($width);
+    @include handleClaimListGifThumbnail($width);
 
     flex-shrink: 0;
     margin-right: var(--spacing-medium);
diff --git a/ui/scss/init/_mixins.scss b/ui/scss/init/_mixins.scss
index 576f708bf..6d9d828dd 100644
--- a/ui/scss/init/_mixins.scss
+++ b/ui/scss/init/_mixins.scss
@@ -19,6 +19,16 @@
 }
 
 @mixin handleClaimTileGifThumbnail($width) {
+  .ff-canvas,
+  .freezeframe-img {
+    height: calc(#{$width} * (9 / 16)) !important;
+    width: $width;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+}
+
+@mixin handleClaimListGifThumbnail($width) {
   .ff-canvas,
   .freezeframe-img {
     height: calc(#{$width} * (9 / 16)) !important;