diff --git a/packages/ui/components/forms/SubmitButton.vue b/packages/ui/components/forms/SubmitButton.vue
index bf559132..afbd50e2 100644
--- a/packages/ui/components/forms/SubmitButton.vue
+++ b/packages/ui/components/forms/SubmitButton.vue
@@ -33,8 +33,8 @@ const handleClick = () => {
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  background-color: #42b883;
-  color: #fff;
+  background-color: var(--color-vue-green200);
+  color: var(--color-white);
   width: 100%;
   padding: 22px 66px;
   border-radius: 40px;
@@ -44,6 +44,12 @@ const handleClick = () => {
   box-shadow: var(--box-shadow-button);
 }
 
+.submit-button:hover {
+  background-color: var(--color-white);
+  color: var(--color-vue-green200);
+  border: 2px solid var(--color-vue-green200);
+}
+
 .submit-button:disabled {
   pointer-events: none;
   background-color: #C6CACF !important;