diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index 9da12086f..5f070065e 100644
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -110,8 +110,8 @@
           <my-login-link className="peertube-button-link orange-button w-100 text-truncate"></my-login-link>
         </li>
 
-        <li>
-          <a *ngIf="isRegistrationAllowed()" routerLink="/signup" class="peertube-button-link create-account-button text-truncate">
+        <li *ngIf="isRegistrationAllowed()" class="mt-2">
+          <a routerLink="/signup" class="create-account-button peertube-button-link text-truncate d-block">
             <my-signup-label [requiresApproval]="requiresApproval"></my-signup-label>
           </a>
         </li>
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index ef3e3f9b4..50e9455d4 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -255,16 +255,6 @@ my-actor-avatar {
 
 .login-buttons-block {
   margin: 30px 25px 35px;
-
-  > a,
-  > my-login-link {
-    display: block;
-    width: 100%;
-
-    &:not(:last-child) {
-      margin-bottom: 10px;
-    }
-  }
 }
 
 .create-account-button {