diff --git a/client/src/app/+signup/+register/register.component.html b/client/src/app/+signup/+register/register.component.html
index bebc5d926..dc1c7496f 100644
--- a/client/src/app/+signup/+register/register.component.html
+++ b/client/src/app/+signup/+register/register.component.html
@@ -26,15 +26,15 @@
+
-
diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss
index d22d58c4a..16ba9e2c0 100644
--- a/client/src/app/+signup/+register/register.component.scss
+++ b/client/src/app/+signup/+register/register.component.scss
@@ -55,7 +55,16 @@ input:not([type=submit]) {
input[type=submit],
button {
@include peertube-button;
- @include orange-button;
+
+ &[cdkStepperNext] {
+ @include orange-button;
+ float: inline-end;
+ }
+
+ &[cdkStepperPrevious] {
+ @include grey-button;
+ float: inline-start;
+ }
}
.name-information {
diff --git a/client/src/app/+signup/+register/register.component.ts b/client/src/app/+signup/+register/register.component.ts
index b1f5d8e93..8e89bb01a 100644
--- a/client/src/app/+signup/+register/register.component.ts
+++ b/client/src/app/+signup/+register/register.component.ts
@@ -38,7 +38,8 @@ export class RegisterComponent implements OnInit {
moderation: false
}
- defaultNextStepButtonLabel = $localize`Next`
+ defaultPreviousStepButtonLabel = $localize`:Button on the registration form to go to the previous step:Back`
+ defaultNextStepButtonLabel = $localize`:Button on the registration form to go to the previous step:Next`
stepUserButtonLabel = this.defaultNextStepButtonLabel
private serverConfig: ServerConfig
@@ -60,7 +61,7 @@ export class RegisterComponent implements OnInit {
this.videoUploadDisabled = this.serverConfig.user.videoQuota === 0
this.stepUserButtonLabel = this.videoUploadDisabled
- ? $localize`Signup`
+ ? $localize`:Button on the registration form to finalize the account and channel creation:Signup`
: this.defaultNextStepButtonLabel
this.hooks.runAction('action:signup.register.init', 'signup')