diff --git a/frontend/components/ColorPicker/ColorPicker.js b/app/components/ColorPicker/ColorPicker.js
similarity index 97%
rename from frontend/components/ColorPicker/ColorPicker.js
rename to app/components/ColorPicker/ColorPicker.js
index 58df07be6..552201a77 100644
--- a/frontend/components/ColorPicker/ColorPicker.js
+++ b/app/components/ColorPicker/ColorPicker.js
@@ -3,9 +3,9 @@ import React from 'react';
 import { observable, computed, action } from 'mobx';
 import { observer } from 'mobx-react';
 import styled from 'styled-components';
-import Flex from 'components/Flex';
+import Flex from 'shared/components/Flex';
 import { LabelText, Outline } from 'components/Input';
-import { color, fonts, fontWeight } from 'styles/constants';
+import { color, fonts, fontWeight } from 'shared/styles/constants';
 import { validateColorHex } from '../../../shared/utils/color';
 
 const colors = [
diff --git a/frontend/components/ColorPicker/index.js b/app/components/ColorPicker/index.js
similarity index 100%
rename from frontend/components/ColorPicker/index.js
rename to app/components/ColorPicker/index.js