diff --git a/src/app/features/auth/login/ui/demo-button/demo-button.ts b/src/app/features/auth/login/ui/demo-button/demo-button.ts
index 30d80fa..c0044c4 100644
--- a/src/app/features/auth/login/ui/demo-button/demo-button.ts
+++ b/src/app/features/auth/login/ui/demo-button/demo-button.ts
@@ -6,14 +6,14 @@ import { TranslatePipe } from '@shared/pipes/translate.pipe';
   imports: [TranslatePipe],
   template: `
     <button
-      class="group relative w-full flex items-center justify-center
+      class="relative w-full flex items-center justify-center
       gap-4 bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-200
       py-4 px-6 rounded-2xl transition-all duration-300 hover:shadow-xl
       hover:shadow-violet-500/10 dark:hover:shadow-none border border-slate-200 dark:border-transparent
       active:scale-[0.98] hover:cursor-pointer font-medium"
       (click)="clickLogin.emit()"
     >
-      <span>{{ 'login.tryDemo' | translate }}</span>
+      <span class="text-nowrap">{{ 'login.tryDemo' | translate }}</span>
     </button>
   `,
   styles: `
diff --git a/src/app/features/auth/login/ui/email-auth-button/email-auth-button.ts b/src/app/features/auth/login/ui/email-auth-button/email-auth-button.ts
index 56ff1e6..19d9fed 100644
--- a/src/app/features/auth/login/ui/email-auth-button/email-auth-button.ts
+++ b/src/app/features/auth/login/ui/email-auth-button/email-auth-button.ts
@@ -1,10 +1,15 @@
-import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  input,
+  output,
+} from '@angular/core';
 
 @Component({
   selector: 'app-email-auth-button',
   template: `
     <button
-      class="group relative w-full flex items-center justify-center
+      class="relative w-full flex items-center justify-center
       gap-4 bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-200
       py-4 px-6 rounded-2xl transition-all duration-300 hover:shadow-xl
       hover:shadow-violet-500/10 dark:hover:shadow-none border border-slate-200 dark:border-transparent
@@ -12,7 +17,7 @@ import { ChangeDetectionStrategy, Component, input, output } from '@angular/core
       (click)="clickAction.emit()"
     >
       <svg
-        class="w-5 h-5 text-violet-500"
+        class="w-5 h-5 text-violet-500 shrink-0"
         viewBox="0 0 24 24"
         fill="none"
         stroke="currentColor"
@@ -23,7 +28,9 @@ import { ChangeDetectionStrategy, Component, input, output } from '@angular/core
         <rect x="2" y="4" width="20" height="16" rx="2" />
         <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
       </svg>
-      <span>{{ label() }}</span>
+      <span class="font-medium tracking-tight sm:tracking-normal text-nowrap">
+        {{ label() }}
+      </span>
     </button>
   `,
   styles: `
diff --git a/src/app/features/auth/login/ui/google-button/google-button.ts b/src/app/features/auth/login/ui/google-button/google-button.ts
index 06958f5..cff2d3a 100644
--- a/src/app/features/auth/login/ui/google-button/google-button.ts
+++ b/src/app/features/auth/login/ui/google-button/google-button.ts
@@ -7,7 +7,7 @@ import { GooglePic } from '../google-pic/google-pic';
   imports: [GooglePic, TranslatePipe],
   template: `
     <button
-      class="group relative w-full flex items-center justify-center
+      class="relative w-full flex items-center justify-center
       gap-4 bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-200
       py-4 px-6 rounded-2xl transition-all duration-300 hover:shadow-xl
       hover:shadow-violet-500/10 dark:hover:shadow-none border border-slate-200 dark:border-transparent
@@ -15,7 +15,9 @@ import { GooglePic } from '../google-pic/google-pic';
       (click)="clickLogin.emit()"
     >
       <app-google-pic />
-      <span class="font-semibold">{{ 'login.continueWithGoogle' | translate }}</span>
+      <span class="font-medium tracking-tight sm:tracking-normal text-nowrap">
+        {{ 'login.continueWithGoogle' | translate }}
+      </span>
     </button>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/features/auth/login/ui/passkey-button/passkey-button.ts b/src/app/features/auth/login/ui/passkey-button/passkey-button.ts
index 0a7bfda..a3e8444 100644
--- a/src/app/features/auth/login/ui/passkey-button/passkey-button.ts
+++ b/src/app/features/auth/login/ui/passkey-button/passkey-button.ts
@@ -6,7 +6,7 @@ import { TranslatePipe } from '@shared/pipes/translate.pipe';
   imports: [TranslatePipe],
   template: `
     <button
-      class="group relative w-full flex items-center justify-center
+      class="relative w-full flex items-center justify-center
       gap-4 bg-white dark:bg-zinc-800 text-zinc-900 dark:text-zinc-200
       py-4 px-6 rounded-2xl transition-all duration-300 hover:shadow-xl
       hover:shadow-violet-500/10 dark:hover:shadow-none border border-slate-200 dark:border-transparent
@@ -14,7 +14,7 @@ import { TranslatePipe } from '@shared/pipes/translate.pipe';
       (click)="clickLogin.emit()"
     >
       <svg
-        class="w-5 h-5 text-violet-500"
+        class="w-5 h-5 text-violet-500 shrink-0"
         viewBox="0 0 24 24"
         fill="none"
         stroke="currentColor"
@@ -25,7 +25,9 @@ import { TranslatePipe } from '@shared/pipes/translate.pipe';
         <path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z" />
         <circle cx="16.5" cy="7.5" r=".5" fill="currentColor" />
       </svg>
-      <span>{{ 'login.signInWithPasskey' | translate }}</span>
+      <span class="font-medium tracking-tight sm:tracking-normal text-nowrap">
+        {{ 'login.signInWithPasskey' | translate }}
+      </span>
     </button>
   `,
   styles: `