diff --git a/demos/src/Extensions/FontFamily/React/index.jsx b/demos/src/Extensions/FontFamily/React/index.jsx
index 6d7bbbdc8ee..9899727fd46 100644
--- a/demos/src/Extensions/FontFamily/React/index.jsx
+++ b/demos/src/Extensions/FontFamily/React/index.jsx
@@ -1,3 +1,5 @@
+import './styles.scss'
+
import Document from '@tiptap/extension-document'
import FontFamily from '@tiptap/extension-font-family'
import Paragraph from '@tiptap/extension-paragraph'
@@ -15,6 +17,7 @@ export default () => {
Serious people use serif fonts anyway.
The cool kids can apply monospace fonts aswell.
But hopefully we all can agree, that cursive fonts are the best.
+ Then there are CSS variables, the new hotness.
`,
})
@@ -27,6 +30,7 @@ export default () => {
@@ -37,28 +41,39 @@ export default () => {
? 'is-active'
: ''
}
+ data-test-id="comic-sans"
>
Comic Sans
-