From 4be75ab9405de776dfb7751c1622e63eb4282007 Mon Sep 17 00:00:00 2001
From: cesnimda <dj@cesnimda.co.uk>
Date: Sat, 28 Mar 2026 18:10:36 +0100
Subject: [PATCH] Disable login form ripple animations

---
 job-tracker-ui/src/pages/LoginPage.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/job-tracker-ui/src/pages/LoginPage.tsx b/job-tracker-ui/src/pages/LoginPage.tsx
index 188fe8d..84a52a4 100644
--- a/job-tracker-ui/src/pages/LoginPage.tsx
+++ b/job-tracker-ui/src/pages/LoginPage.tsx
@@ -90,13 +90,14 @@ export default function LoginPage() {
 
             <Box sx={{ display: "flex", alignItems: { xs: "flex-start", sm: "center" }, justifyContent: "space-between", gap: 1, flexWrap: "wrap" }}>
               <FormControlLabel
-                control={<Checkbox checked={rememberMe} onChange={(e) => setRememberMe(e.target.checked)} />}
+                control={<Checkbox disableRipple checked={rememberMe} onChange={(e) => setRememberMe(e.target.checked)} />}
                 label={t("rememberMe")}
               />
               <Button
                 type="button"
                 variant="text"
                 size="small"
+                disableRipple
                 onClick={() => navigate(`/forgot-password${email.trim() ? `?email=${encodeURIComponent(email.trim())}` : ""}`)}
                 sx={{ px: 0, minWidth: 0, fontWeight: 700, alignSelf: { xs: "stretch", sm: "auto" } }}
               >
@@ -110,11 +111,11 @@ export default function LoginPage() {
 
             <Box sx={{ display: "flex", gap: 1, justifyContent: "flex-end", mt: 1 }}>
               {allowReg && (
-                <Button type="button" variant="outlined" disabled={loading} onClick={() => void submit("register")}>
+                <Button type="button" variant="outlined" disableRipple disabled={loading} onClick={() => void submit("register")}>
                   {t("createAccount")}
                 </Button>
               )}
-              <Button type="submit" variant="contained" disabled={loading}>
+              <Button type="submit" variant="contained" disableRipple disabled={loading}>
                 {t("signInTitle")}
               </Button>
             </Box>