From 72ef1668f2c2f58b3a68049fca4db55d1d929c35 Mon Sep 17 00:00:00 2001
From: Gabriel Borlea <gabriel.borlea@8x8.com>
Date: Tue, 14 Feb 2023 15:28:30 +0200
Subject: [PATCH] fix(video-background): set dialog add button margin to right
 size

---
 .../virtual-background/components/UploadImageButton.tsx      | 5 ++++-
 .../components/VirtualBackgroundDialog.tsx                   | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/react/features/virtual-background/components/UploadImageButton.tsx b/react/features/virtual-background/components/UploadImageButton.tsx
index d0f2c7630..e4310ded6 100644
--- a/react/features/virtual-background/components/UploadImageButton.tsx
+++ b/react/features/virtual-background/components/UploadImageButton.tsx
@@ -41,7 +41,10 @@ interface IProps extends WithTranslation {
 const useStyles = makeStyles()(theme => {
     return {
         addBackground: {
-            marginRight: theme.spacing(2)
+            marginRight: theme.spacing(2),
+            '& svg': {
+                fill: '#669aec !important'
+            }
         },
         button: {
             display: 'none'
diff --git a/react/features/virtual-background/components/VirtualBackgroundDialog.tsx b/react/features/virtual-background/components/VirtualBackgroundDialog.tsx
index 8d8612ab8..db54105d2 100644
--- a/react/features/virtual-background/components/VirtualBackgroundDialog.tsx
+++ b/react/features/virtual-background/components/VirtualBackgroundDialog.tsx
@@ -256,7 +256,7 @@ const useStyles = makeStyles()(theme => {
             }
         },
         dialogMarginTop: {
-            marginTop: '44px'
+            marginTop: '8px'
         },
         virtualBackgroundLoading: {
             overflow: 'hidden',