diff --git a/dev-server.js b/dev-server.js
index 1dbf6d0..c127d3b 100644
--- a/dev-server.js
+++ b/dev-server.js
@@ -1,7 +1,7 @@
 import { execSync } from "child_process";
 import { watch } from "fs";
 
-const watcher = ["addon.js", "main.js", "style.css"]
+const watcher = ["addon.js", "style.scss"]
 
 watch("./", { recursive: true }, (eventType, filename) => {
   if (watcher.includes(filename) || filename.includes("src")) {
diff --git a/style.scss b/style.scss
index 6b3ee49..e561848 100644
--- a/style.scss
+++ b/style.scss
@@ -7,7 +7,7 @@ body {
   background-color: var(--tg-panel-background) !important;
 }
 
-:root {
+body {
   --tg-panel-background: rgb(255, 255, 255);
   --tg-chatbox-background: rgb(245 245 245);
 }
@@ -560,7 +560,7 @@ div[message-actions] {
 
 /* ===== Dark mode ===== */
 html[theme=dark] {
-  :root {
+  body {
     --tg-panel-background: rgb(34, 34, 34);
     --tg-border-color: rgb(68, 68, 68);
     --tg-chatbox-background: rgb(47 47 47);