diff --git a/src/components/profile/changeEmail/ChangeEmail.jsx b/src/components/profile/changeEmail/ChangeEmail.jsx
index f1a128e..0a32888 100644
--- a/src/components/profile/changeEmail/ChangeEmail.jsx
+++ b/src/components/profile/changeEmail/ChangeEmail.jsx
@@ -162,6 +162,7 @@ export default class ChangeEmail extends Component {
@@ -176,6 +177,7 @@ export default class ChangeEmail extends Component {
@@ -196,6 +198,7 @@ export default class ChangeEmail extends Component {
diff --git a/src/components/ui/form/Input.jsx b/src/components/ui/form/Input.jsx
index 415b3d5..28750cb 100644
--- a/src/components/ui/form/Input.jsx
+++ b/src/components/ui/form/Input.jsx
@@ -27,7 +27,7 @@ export default class Input extends FormInputComponent {
error: PropTypes.string,
icon: PropTypes.string,
skin: PropTypes.oneOf(['dark', 'light']),
- color: PropTypes.oneOf(['green', 'blue', 'red', 'lightViolet', 'darkBlue'])
+ color: PropTypes.oneOf(['green', 'blue', 'red', 'lightViolet', 'darkBlue', 'violet'])
};
render() {
diff --git a/src/components/ui/form/form.scss b/src/components/ui/form/form.scss
index 54c5fc4..8798cf3 100644
--- a/src/components/ui/form/form.scss
+++ b/src/components/ui/form/form.scss
@@ -147,6 +147,7 @@
@include input-theme('red', $red);
@include input-theme('darkBlue', $dark_blue);
@include input-theme('lightViolet', $light_violet);
+@include input-theme('violet', $violet);
/**