diff --git a/chrome/content/zotero/zoteroPane.xhtml b/chrome/content/zotero/zoteroPane.xhtml
index e900988bf5..422cf695ee 100644
--- a/chrome/content/zotero/zoteroPane.xhtml
+++ b/chrome/content/zotero/zoteroPane.xhtml
@@ -1371,12 +1371,12 @@
 				</box>
 				
 				<stack id="zotero-pane-overlay" flex="1" hidden="true">
-					<box style="background: black; opacity: .3" flex="1"/>
+					<box flex="1"/>
 					
 					<deck id="zotero-pane-overlay-deck" style="display: flex; justify-content: center;">
 						<box id="zotero-pane-progress" flex="1" align="center" pack="center">
-							<box style="background: white; border-radius: 1px; box-shadow: gray 4px 6px 4px; width: 300px; height: 30px;">
-								<vbox id="zotero-pane-progressmeter-container" style="padding:10px" flex="1">
+							<box id="zotero-pane-progress-box">
+								<vbox id="zotero-pane-progressmeter-container" flex="1">
 									<label id="zotero-pane-progress-label"/>
 									<!-- See note in Zotero.showZoteroPaneProgressMeter()
 									<progressmeter id="zotero-pane-progressmeter" mode="undetermined"/> -->
diff --git a/scss/components/_mainWindow.scss b/scss/components/_mainWindow.scss
index 1c31eba08d..3795897a42 100644
--- a/scss/components/_mainWindow.scss
+++ b/scss/components/_mainWindow.scss
@@ -23,3 +23,19 @@
 #browser, #zotero-pane-stack, #zotero-trees {
 	min-height: 0;
 }
+
+#zotero-pane-overlay {
+	background: rgba(0,0,0,.3);
+}
+
+#zotero-pane-progress-box {
+	background: var(--color-sidepane);
+	border-radius: 5px;
+	border: var(--color-panedivider);
+	height: 30px;
+	width: 300px;
+}
+
+#zotero-pane-progressmeter-container {
+	padding: 10px;
+}
\ No newline at end of file