diff --git a/src/core/features/login/pages/site/site.scss b/src/core/features/login/pages/site/site.scss
index 0c7b4300a..dcec7cfc7 100644
--- a/src/core/features/login/pages/site/site.scss
+++ b/src/core/features/login/pages/site/site.scss
@@ -15,12 +15,6 @@
     }
 }
 
-@if ($core-login-hide-need-help) {
-    .core-login-need-help {
-        display: none;
-    }
-}
-
 .core-login-site-connect {
     margin-top: 1.4rem;
 }
diff --git a/src/core/features/login/pages/site/site.ts b/src/core/features/login/pages/site/site.ts
index b607ac068..a00117db3 100644
--- a/src/core/features/login/pages/site/site.ts
+++ b/src/core/features/login/pages/site/site.ts
@@ -33,6 +33,7 @@ import { CoreNavigator } from '@services/navigator';
 import { CoreCustomURLSchemes, CoreCustomURLSchemesHandleError } from '@services/urlschemes';
 import { CoreTextUtils } from '@services/utils/text';
 import { CoreForms } from '@singletons/form';
+import { AlertButton } from '@ionic/core';
 
 /**
  * Site (url) chooser when adding a new site.
@@ -386,9 +387,10 @@ export class CoreLoginSitePage implements OnInit {
             message += '<p padding><a href="' + fullUrl + '" core-link>' + url + '</a></p>';
         }
 
-        const buttons = [
+        const buttons: AlertButton[] = [
             {
                 text: Translate.instant('core.needhelp'),
+                cssClass: 'core-login-need-help',
                 handler: (): void => {
                     this.showHelp();
                 },
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index c74dae05a..2b12e3e8c 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -1149,3 +1149,9 @@ iframe {
     max-width: 100%;
     background-color: var(--ion-background-color);
 }
+
+@if ($core-login-hide-need-help) {
+    .core-login-need-help {
+        display: none !important;
+    }
+}