diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.css b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.scss
similarity index 92%
rename from packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.css
rename to packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.scss
index c0e885281..f496e7d57 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.css
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/Collapsible.scss
@@ -14,6 +14,10 @@
   margin-bottom: 8px;
 }
 
+.Collapsible__container .Collapsible__container {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
 .Collapsible__title {
   cursor: pointer;
   padding: 5px 5px 5px 20px;
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts
index 03ca3a3bb..e71f82b91 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/CollapsiblePlugin/index.ts
@@ -6,7 +6,7 @@
  *
  */
 
-import './Collapsible.css'
+import './Collapsible.scss'
 
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { $findMatchingParent, mergeRegister, $insertNodeToNearestRoot } from '@lexical/utils'