diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss
index 15753439db1..2a5a0e5cd46 100644
--- a/apps/theming/css/theming.scss
+++ b/apps/theming/css/theming.scss
@@ -81,11 +81,11 @@ input.primary {
 		@if (lightness($color-primary) > 50) {
 			#submit {
 				border-color: nc-darken($color-primary, 20%);
-				background-color: nc-darken($color-primary, 10%);
+				background-color: nc-darken($color-primary, 20%);
 			}
 			#submit:hover {
 				border-color: nc-darken($color-primary, 10%);
-				background-color: nc-darken($color-primary, 3%);
+				background-color: nc-darken($color-primary, 10%);
 			}
 			input[type='checkbox'].checkbox--white + label:before {
 				border-color: nc-darken($color-primary, 40%) !important;
@@ -102,11 +102,11 @@ input.primary {
 		} @else {
 			#submit {
 				border-color: nc-lighten($color-primary, 20%);
-				background-color: nc-lighten($color-primary, 5%);
+				background-color: nc-lighten($color-primary, 20%);
 			}
 			#submit:hover {
 				border-color: nc-lighten($color-primary, 10%);
-				background-color: nc-lighten($color-primary, 3%);
+				background-color: nc-lighten($color-primary, 10%);
 			}
 		}
 	}