From 6138733f27bcb9082390501e671a01f9e50482c6 Mon Sep 17 00:00:00 2001
From: Raymond Jacobson <ray@audius.co>
Date: Tue, 6 Feb 2024 22:45:13 -0800
Subject: [PATCH] [PAY-2416] Fix stem upload hover

---
 packages/web/src/components/upload/TrackPreview.module.css | 2 --
 .../web/src/pages/upload-page/fields/StemFilesView.tsx     | 7 ++++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/upload/TrackPreview.module.css b/packages/web/src/components/upload/TrackPreview.module.css
index ab892962b91..f4bb2e0e303 100644
--- a/packages/web/src/components/upload/TrackPreview.module.css
+++ b/packages/web/src/components/upload/TrackPreview.module.css
@@ -92,8 +92,6 @@
 
 .trackPreviewNew:hover {
   background: var(--neutral-light-9);
-  border-top: 1px solid var(--border-strong);
-  border-bottom: 1px solid var(--border-strong);
 }
 
 .trackPreviewNew:hover .fileSizeText {
diff --git a/packages/web/src/pages/upload-page/fields/StemFilesView.tsx b/packages/web/src/pages/upload-page/fields/StemFilesView.tsx
index 1a6dc067b80..e434a851e62 100644
--- a/packages/web/src/pages/upload-page/fields/StemFilesView.tsx
+++ b/packages/web/src/pages/upload-page/fields/StemFilesView.tsx
@@ -61,7 +61,12 @@ export const StemFilesView = ({
             </HarmonyText>
           </Box>
         </Flex>
-        <Flex direction='column' borderRadius='m' border='default'>
+        <Flex
+          direction='column'
+          borderRadius='m'
+          border='default'
+          css={{ overflow: 'hidden' }}
+        >
           {stems.map((stem, i) => (
             <TrackPreviewNew
               className={styles.stemPreview}