diff --git a/client/config-overrides.js b/client/config-overrides.js
index ea004c3e..54d6d2de 100644
--- a/client/config-overrides.js
+++ b/client/config-overrides.js
@@ -1,4 +1,5 @@
 const { override, fixBabelImports, addLessLoader } = require('customize-cra');
+const lessVariables = require('./lessVariables');
 
 module.exports = override(
   fixBabelImports('import', {
@@ -8,6 +9,6 @@ module.exports = override(
   }),
   addLessLoader({
     javascriptEnabled: true,
-    modifyVars: { '@primary-color': '#E8505B' },
+    modifyVars: lessVariables,
   })
 );
diff --git a/client/lessVariables.js b/client/lessVariables.js
new file mode 100644
index 00000000..3810490b
--- /dev/null
+++ b/client/lessVariables.js
@@ -0,0 +1,5 @@
+const lessVariables = {
+  '@primary-color': '#E8505B',
+};
+
+module.exports = lessVariables;