From cf9d2ad7c5d0cd813602353ef2c07eae878ae98d Mon Sep 17 00:00:00 2001
From: ewelinagr <ewelina@thehyve.nl>
Date: Fri, 19 Jul 2024 12:27:18 +0200
Subject: [PATCH] Resolve PR comment related to the new UI.

---
 .../mercury/src/common/components/LoadingOverlayWrapper.js  | 5 +++--
 projects/mercury/src/file/FileOperations.styles.js          | 6 +++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/projects/mercury/src/common/components/LoadingOverlayWrapper.js b/projects/mercury/src/common/components/LoadingOverlayWrapper.js
index 71e69a7bf0..5871a5b501 100644
--- a/projects/mercury/src/common/components/LoadingOverlayWrapper.js
+++ b/projects/mercury/src/common/components/LoadingOverlayWrapper.js
@@ -23,12 +23,13 @@ const useStyles = makeStyles(theme => ({
         opacity: 0.4
     },
     backdrop: {
-        backgroundColor: '#747474',
+        backgroundColor: theme.palette.mellow.dark,
         position: 'absolute',
         top: 0,
         left: 0,
         width: '100%',
-        height: '100%'
+        height: '100%',
+        borderRadius: theme.shape.borderRadius
     }
 }));
 
diff --git a/projects/mercury/src/file/FileOperations.styles.js b/projects/mercury/src/file/FileOperations.styles.js
index e739856331..8b912a725e 100644
--- a/projects/mercury/src/file/FileOperations.styles.js
+++ b/projects/mercury/src/file/FileOperations.styles.js
@@ -6,11 +6,15 @@ const styles = () => ({
         '& .MuiListItem-root': {
             paddingTop: 4,
             paddingBottom: 4
+        },
+        '& .MuiDivider-root': {
+            marginTop: 2,
+            marginBottom: 0
         }
     },
     uploadMenuHelper: {
         borderLeft: '8px solid #999',
-        padding: 20
+        padding: '5px 10px 5px 10px'
     },
     uploadMenuHelperText: {
         margin: 0,