From ecaf4b46677a1b973c9850f9d5fb833cbeb4cf3c Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sat, 7 Feb 2026 17:47:46 -0700
Subject: [PATCH] update media carousel

---
 src/pages/discover/components/MediaCarousel.tsx | 2 +-
 src/pages/parts/home/BookmarksCarousel.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/discover/components/MediaCarousel.tsx b/src/pages/discover/components/MediaCarousel.tsx
index 3e28c0a7..77a76f95 100644
--- a/src/pages/discover/components/MediaCarousel.tsx
+++ b/src/pages/discover/components/MediaCarousel.tsx
@@ -54,7 +54,7 @@ function MoreCard({ link }: { link: string }) {
             className="rounded-xl bg-background-main group-hover:opacity-100"
           />
           <Flare.Child className="pointer-events-auto relative mb-2 p-[0.4em] transition-transform duration-300">
-            <div className="relative pb-[150%] w-full overflow-hidden rounded-xl bg-mediaCard-hoverBackground flex items-center justify-center">
+            <div className="relative pb-[150%] w-full flex items-center justify-center">
               <div className="flex absolute inset-0 flex-col items-center justify-center">
                 <Icon
                   icon={Icons.ARROW_RIGHT}
diff --git a/src/pages/parts/home/BookmarksCarousel.tsx b/src/pages/parts/home/BookmarksCarousel.tsx
index d9d7a8f5..e9f8f461 100644
--- a/src/pages/parts/home/BookmarksCarousel.tsx
+++ b/src/pages/parts/home/BookmarksCarousel.tsx
@@ -67,7 +67,7 @@ function MoreBookmarksCard() {
             className="rounded-xl bg-background-main group-hover:opacity-100"
           />
           <Flare.Child className="pointer-events-auto relative mb-2 p-[0.4em] transition-transform duration-300">
-            <div className="relative pb-[150%] w-full overflow-hidden rounded-xl bg-mediaCard-hoverBackground flex items-center justify-center">
+            <div className="relative pb-[150%] w-full flex items-center justify-center">
               <div className="flex absolute inset-0 flex-col items-center justify-center">
                 <Icon
                   icon={Icons.ARROW_RIGHT}