diff --git a/packages/plugins/color-picker/admin/src/components/tests/color-picker-input.test.js b/packages/plugins/color-picker/admin/src/components/tests/color-picker-input.test.js
index c517d36aff..e5db282406 100644
--- a/packages/plugins/color-picker/admin/src/components/tests/color-picker-input.test.js
+++ b/packages/plugins/color-picker/admin/src/components/tests/color-picker-input.test.js
@@ -25,6 +25,21 @@ const App = (
 );
 
 describe('<ColorPickerInput />', () => {
+  /**
+   * We do this because –
+   * https://github.com/facebook/jest/issues/12670
+   */
+  beforeAll(() => {
+    jest.setTimeout(30000);
+  });
+
+  /**
+   * Reset timeout to what is expected
+   */
+  afterAll(() => {
+    jest.setTimeout(5000);
+  });
+
   it('renders and matches the snapshot', () => {
     const { container } = render(App);
 
diff --git a/packages/plugins/color-picker/jest.config.front.js b/packages/plugins/color-picker/jest.config.front.js
index 4369690547..9601461065 100644
--- a/packages/plugins/color-picker/jest.config.front.js
+++ b/packages/plugins/color-picker/jest.config.front.js
@@ -3,6 +3,8 @@
 const baseConfig = require('../../../jest.base-config.front');
 const pkg = require('./package.json');
 
+console.log('BASE', baseConfig);
+
 module.exports = {
   ...baseConfig,
   displayName: (pkg.strapi && pkg.strapi.name) || pkg.name,