diff --git a/app/javascript/widget/App.vue b/app/javascript/widget/App.vue
index f18927f39..9d6600264 100755
--- a/app/javascript/widget/App.vue
+++ b/app/javascript/widget/App.vue
@@ -302,9 +302,4 @@ export default {
 
 <style lang="scss">
 @import '~widget/assets/scss/woot.scss';
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-}
 </style>
diff --git a/app/javascript/widget/components/ConversationWrap.vue b/app/javascript/widget/components/ConversationWrap.vue
index 828f37e22..813325fcd 100755
--- a/app/javascript/widget/components/ConversationWrap.vue
+++ b/app/javascript/widget/components/ConversationWrap.vue
@@ -109,6 +109,7 @@ export default {
   flex-direction: column;
   flex: 1;
   overflow-y: auto;
+  color-scheme: light dark;
 }
 
 .conversation-wrap {