diff --git a/wax-prosemirror-components/src/components/specialCharacters/CharactersList.js b/editors/demo/src/Editoria/config/CharactersList.js
similarity index 100%
rename from wax-prosemirror-components/src/components/specialCharacters/CharactersList.js
rename to editors/demo/src/Editoria/config/CharactersList.js
diff --git a/editors/demo/src/Editoria/config/config.js b/editors/demo/src/Editoria/config/config.js
index 1d200414ff9d43fd024a3675a60d7865fe757c24..d1b3bd87ccf373e643c66b70692d64da77cfdbd0 100644
--- a/editors/demo/src/Editoria/config/config.js
+++ b/editors/demo/src/Editoria/config/config.js
@@ -53,6 +53,8 @@ import invisibles, {
   paragraph,
 } from '@guardian/prosemirror-invisibles';
 
+import CharactersList from './CharactersList';
+
 // const updateTitle = title => {
 //   console.log(title);
 // };
@@ -116,6 +118,7 @@ export default {
   // OrderedListService: { subList: false },
   // BulletListService: { subList: false },
   // JoinUpService: { subList: false },
+  SpecialCharactersService: CharactersList,
   SchemaService: EditoriaSchema,
   TitleService: { updateTitle },
   RulesService: [emDash, ellipsis],
diff --git a/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js b/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
index 56883014deef563af5ceba149561158fa68eff28..1e6ca191e8773463eb8b1af538293d4a7cb4109c 100644
--- a/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
+++ b/wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js
@@ -11,7 +11,6 @@ import { grid, th, override } from '@pubsweet/ui-toolkit';
 import { v4 as uuidv4 } from 'uuid';
 import { WaxContext } from 'wax-prosemirror-core';
 import { filter, groupBy, debounce } from 'lodash';
-import CharactersList from './CharactersList';
 
 const Wrapper = styled.div`
   width: 400px;
@@ -109,10 +108,12 @@ const SpecialCharacter = styled.div`
 
 const SpecialCharactersComponent = ({ close }) => {
   const searchRef = useRef(null);
-  const { activeView } = useContext(WaxContext);
+  const { activeView, app } = useContext(WaxContext);
   const [searchValue, setSearchValue] = useState('');
   const [isFirstRun, setFirstRun] = useState(true);
 
+  const CharactersList = app.config.get('config.SpecialCharactersService');
+
   const [specialCharactersList, setSpecialCharactersList] = useState(
     CharactersList,
   );