fix: add disabled opacity to the verify button in TwoFactorScreen

danny-avila · Feb 14, 2025 · 5364777 · 5364777
1 parent 24aa99a
commit 5364777
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/client/src/components/Auth/TwoFactorScreen.tsx b/client/src/components/Auth/TwoFactorScreen.tsx
@@ -137,7 +137,7 @@ const TwoFactorScreen: React.FC = React.memo(() => {
             data-testid="login-button"
             type="submit"
             disabled={isLoading}
-            className="w-full rounded-2xl bg-green-600 px-4 py-3 text-sm font-medium text-white transition-colors hover:bg-green-700 dark:bg-green-600 dark:hover:bg-green-700"
+            className="w-full rounded-2xl bg-green-600 px-4 py-3 text-sm font-medium text-white transition-colors hover:bg-green-700 disabled:opacity-80 dark:bg-green-600 dark:hover:bg-green-700"
           >
             {isLoading ? 'Verifying...' : 'Verify'}
           </button>