diff --git a/src/Css/Global.elm b/src/Css/Global.elm
index 7aeb4db0..344823c6 100644
--- a/src/Css/Global.elm
+++ b/src/Css/Global.elm
@@ -104,6 +104,9 @@ global snippets =
         |> VirtualDom.text
         |> List.singleton
         |> VirtualDom.node "style" []
+        -- wrap the style node in a div to prevent `Dark Reader` from blowin up the dom.
+        |> List.singleton
+        |> VirtualDom.node "span" []
         |> VirtualDom.Styled.unstyledNode
 
 
diff --git a/src/VirtualDom/Styled.elm b/src/VirtualDom/Styled.elm
index daffe411..849e592f 100644
--- a/src/VirtualDom/Styled.elm
+++ b/src/VirtualDom/Styled.elm
@@ -437,11 +437,15 @@ toKeyedStyleNode allStyles keyedChildNodes =
 
 toStyleNode : Dict Classname (List Style) -> VirtualDom.Node msg
 toStyleNode styles =
-    -- this <style> node will be the first child of the requested one
-    toDeclaration styles
-        |> VirtualDom.text
-        |> List.singleton
-        |> VirtualDom.node "style" []
+    -- wrap the style node in a div to prevent `Dark Reader` from blowin up the dom.
+    VirtualDom.node "span"
+        []
+        [ -- this <style> node will be the first child of the requested one
+          toDeclaration styles
+            |> VirtualDom.text
+            |> List.singleton
+            |> VirtualDom.node "style" []
+        ]