From 7bd92bdb0d24b61b874e9d70f2c9349443bf675c Mon Sep 17 00:00:00 2001
From: amendelsohn <andrew.j.mendelsohn@gmail.com>
Date: Thu, 17 Oct 2024 12:22:46 -0700
Subject: [PATCH] [QA-1773] Fix corner overflow on GiantTrackTile

---
 packages/web/src/components/track/GiantTrackTile.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/track/GiantTrackTile.tsx b/packages/web/src/components/track/GiantTrackTile.tsx
index 8f403452263..7483376c23c 100644
--- a/packages/web/src/components/track/GiantTrackTile.tsx
+++ b/packages/web/src/components/track/GiantTrackTile.tsx
@@ -31,7 +31,8 @@ import {
   IconShare,
   IconRocket,
   Button,
-  MusicBadge
+  MusicBadge,
+  Paper
 } from '@audius/harmony'
 import IconCalendarMonth from '@audius/harmony/src/assets/icons/CalendarMonth.svg'
 import IconRobot from '@audius/harmony/src/assets/icons/Robot.svg'
@@ -444,7 +445,7 @@ export const GiantTrackTile = ({
   }
 
   return (
-    <Flex className={styles.giantTrackTile}>
+    <Paper className={styles.giantTrackTile}>
       <Tile
         dogEar={dogEarType}
         size='large'
@@ -627,6 +628,6 @@ export const GiantTrackTile = ({
           ) : null}
         </Flex>
       </Tile>
-    </Flex>
+    </Paper>
   )
 }