diff --git a/app/layout/layout.phtml b/app/layout/layout.phtml
index c8cea2db8..56c7e688e 100644
--- a/app/layout/layout.phtml
+++ b/app/layout/layout.phtml
@@ -4,10 +4,12 @@
 ?>
 <!DOCTYPE html>
 <html lang="<?= FreshRSS_Context::$user_conf->language ?>" xml:lang="<?= FreshRSS_Context::$user_conf->language ?>"<?php
+$class = '';
 if (_t('gen.dir') === 'rtl') {
-	echo ' dir="rtl" class="rtl"';
+	echo ' dir="rtl"';
+	$class = 'rtl ';
 }
-?>>
+?> class="<?= $class ?><?= (FreshRSS_Context::$user_conf->darkMode === 'no') ? '' : 'darkMode_' . FreshRSS_Context::$user_conf->darkMode ?>">
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
@@ -53,7 +55,7 @@ if (_t('gen.dir') === 'rtl') {
 		<meta name="robots" content="noindex,nofollow" />
 <?php } ?>
 	</head>
-	<body class="<?= Minz_Request::actionName() ?><?= (FreshRSS_Context::$user_conf->darkMode === 'no') ? '' : ' darkMode_' . FreshRSS_Context::$user_conf->darkMode ?>">
+	<body class="<?= Minz_Request::actionName() ?>">
 <?php
 	if (!Minz_Request::paramBoolean('ajax')) {
 		flush();
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 4949e78c9..288e4a7bf 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -1182,7 +1182,7 @@ a.btn-attention:hover {
 }
 
 @media screen and (prefers-color-scheme: dark) {
-	:root .darkMode_auto {
+	:root.darkMode_auto {
 		--frss-background-color: #000;
 		--frss-background-color-middle: #222;
 		--frss-border-color: #444;
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index b969525f5..8bc9aa48e 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -1182,7 +1182,7 @@ a.btn-attention:hover {
 }
 
 @media screen and (prefers-color-scheme: dark) {
-	:root .darkMode_auto {
+	:root.darkMode_auto {
 		--frss-background-color: #000;
 		--frss-background-color-middle: #222;
 		--frss-border-color: #444;
