diff --git a/css/modals/virtual-background/_virtual-background.scss b/css/modals/virtual-background/_virtual-background.scss
index 440bae8305..274d60b6d2 100644
--- a/css/modals/virtual-background/_virtual-background.scss
+++ b/css/modals/virtual-background/_virtual-background.scss
@@ -201,3 +201,7 @@
     top: 40%;
     left: 45%;
 }
+
+.dialog-margin-top{
+    margin-top: 44px;
+}
\ No newline at end of file
diff --git a/react/features/virtual-background/components/VirtualBackgroundDialog.js b/react/features/virtual-background/components/VirtualBackgroundDialog.js
index 38f805f7de..26654e59b7 100644
--- a/react/features/virtual-background/components/VirtualBackgroundDialog.js
+++ b/react/features/virtual-background/components/VirtualBackgroundDialog.js
@@ -397,7 +397,7 @@ function VirtualBackground({
                         showLabel = { previewIsLoaded }
                         storedImages = { storedImages } />}
                     <div
-                        className = 'virtual-background-dialog'
+                        className = { `virtual-background-dialog${previewIsLoaded ? '' : ' dialog-margin-top'}` }
                         role = 'radiogroup'
                         tabIndex = '-1'>
                         <Tooltip