From 3e8b0f5a581fe7992b3eed285c03dee8d5814c74 Mon Sep 17 00:00:00 2001
From: Nickii Miaro <miaronkirote@gmail.com>
Date: Wed, 4 Sep 2024 11:29:48 +0300
Subject: [PATCH] fix: dialog content z-index (#3285)

---
 .../src/components/mgt-file-list/mgt-file-list.theme.scss    | 2 +-
 .../mgt-file-list/mgt-file-upload/mgt-file-upload.scss       | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/mgt-components/src/components/mgt-file-list/mgt-file-list.theme.scss b/packages/mgt-components/src/components/mgt-file-list/mgt-file-list.theme.scss
index aaabd9bf0b..c0353e4226 100644
--- a/packages/mgt-components/src/components/mgt-file-list/mgt-file-list.theme.scss
+++ b/packages/mgt-components/src/components/mgt-file-list/mgt-file-list.theme.scss
@@ -8,7 +8,7 @@
 @import '../../styles/shared-sass-variables';
 @import '../../components/mgt-file/mgt-file.theme';
 
-$file-list-background-color: var(--file-list-background-color, var(--neutral-layer-floating));
+$file-list-background-color: var(--file-list-background-color, var(--neutral-layer-1));
 $show-more-button-background-color: var(--show-more-button-background-color, var(--neutral-stroke-divider-rest));
 $show-more-button-background-color--hover: var(
   --show-more-button-background-color-hover,
diff --git a/packages/mgt-components/src/components/mgt-file-list/mgt-file-upload/mgt-file-upload.scss b/packages/mgt-components/src/components/mgt-file-list/mgt-file-upload/mgt-file-upload.scss
index fde62acbd3..57bdbc5000 100644
--- a/packages/mgt-components/src/components/mgt-file-list/mgt-file-upload/mgt-file-upload.scss
+++ b/packages/mgt-components/src/components/mgt-file-list/mgt-file-upload/mgt-file-upload.scss
@@ -31,7 +31,8 @@ $file-upload-border-drag: var(--file-upload-border-drag, 1px dashed #0078d4);
     margin-top: 30px;
   }
 
-  .focus,:focus {
+  .focus,
+  :focus {
     outline: none;
   }
 
@@ -186,6 +187,8 @@ $file-upload-border-drag: var(--file-upload-border-drag, 1px dashed #0078d4);
   .file-upload-dialog-content {
     background-color: $file-upload-dialog-background-color;
     color: $file-upload-dialog-text-color;
+    z-index: 1;
+    position: relative;
   }
 
   .file-upload-dialog-content-text {