diff --git a/app/javascript/src/styles/common/dtext.scss b/app/javascript/src/styles/common/dtext.scss
index d51cb8c7b..c456d376c 100644
--- a/app/javascript/src/styles/common/dtext.scss
+++ b/app/javascript/src/styles/common/dtext.scss
@@ -112,6 +112,15 @@ div.prose {
   a.dtext-wiki-does-not-exist, a.dtext-tag-does-not-exist {
     text-decoration: dotted underline;
   }
+
+  .spoiler, .spoiler * {
+    color: var(--dtext-spoiler-color);
+    background: var(--dtext-spoiler-background-color);
+  }
+
+  .spoiler:hover, .spoiler:hover * {
+    color: var(--dtext-spoiler-hover-color);
+  }
 }
 
 // avoid empty gaps beneath dtext blocks in table rows.
diff --git a/app/javascript/src/styles/common/spoiler.scss b/app/javascript/src/styles/common/spoiler.scss
deleted file mode 100644
index d4b3b6bf0..000000000
--- a/app/javascript/src/styles/common/spoiler.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.spoiler, .spoiler a {
-  color: var(--dtext-spoiler-color);
-  background: var(--dtext-spoiler-background-color);
-}
-
-.spoiler:hover, .spoiler:hover a {
-  color: var(--dtext-spoiler-hover-color);
-}