diff --git a/src/ui/templates/popup/popup.less b/src/ui/templates/popup/popup.less
index 3f77ad007..c4ca49ad4 100644
--- a/src/ui/templates/popup/popup.less
+++ b/src/ui/templates/popup/popup.less
@@ -439,7 +439,7 @@
 }
 
 // Apply night mode styles that can't be handled with CSS variables, i.e. anything with rgba()
-html.skin-night-mode-clientpref-1 {
+html.skin-theme-clientpref-night {
 	.mwe-popups {
 		box-shadow: 0 30px 90px -20px rgba( 255, 255, 255, 0.3 ), 0 0 1px 1px rgba( 255, 255, 255, 0.05 );
 
@@ -460,7 +460,7 @@ html.skin-night-mode-clientpref-1 {
 }
 
 @media ( prefers-color-scheme: dark ) {
-	html.skin-night-mode-clientpref-2 {
+	html.skin-theme-clientpref-os {
 		.mwe-popups {
 			box-shadow: 0 30px 90px -20px rgba( 255, 255, 255, 0.3 ), 0 0 1px 1px rgba( 255, 255, 255, 0.05 );