From f29c9f84403c1a8cc75293ca93d30fcad9345351 Mon Sep 17 00:00:00 2001
From: Jordan Frankfurt <jordanwfrankfurt@gmail.com>
Date: Mon, 28 Nov 2022 17:06:52 -0600
Subject: [PATCH] fix(banner): fix 1px non-overlay gap (#5414)

* fix(banner): fix 1px non-overlay gap

* pr feedback

* pr feedback
---
 src/nft/components/explore/CarouselCard.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/nft/components/explore/CarouselCard.tsx b/src/nft/components/explore/CarouselCard.tsx
index 0eafa98f7b..96df5f6dfb 100644
--- a/src/nft/components/explore/CarouselCard.tsx
+++ b/src/nft/components/explore/CarouselCard.tsx
@@ -96,13 +96,18 @@ const LoadingCollectionNameContainer = styled(LoadingBubble)`
 `
 
 const HeaderOverlay = styled.div`
-  position: absolute;
-  bottom: 0px;
-  top: 0px;
-  right: 0px;
-  left: 0px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%, rgba(0, 0, 0, 0.08));
+  bottom: 0px;
+  left: 0px;
+  position: absolute;
+  right: 0px;
+  top: 0px;
   z-index: 0;
+
+  // overlay workaround for firefox only
+  @supports (-moz-appearance: none) {
+    bottom: -1px;
+  }
 `
 
 const CollectionImage = styled.img`