[Captcha] Add margin below so not flush against buttons (#3539)

sillsdev · Jan 27, 2025 · ed63507 · ed63507
1 parent 7f057f7
commit ed63507
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/Login/Captcha.tsx b/src/components/Login/Captcha.tsx
@@ -6,6 +6,7 @@ import { toast } from "react-toastify";
 import { verifyCaptchaToken } from "backend";
 import i18n from "i18n";
 import { RuntimeConfig } from "types/runtimeConfig";
+import theme from "types/theme";
 
 export interface CaptchaProps {
   /** Parent function to call when CAPTCHA succeeds or fails. */
@@ -42,6 +43,7 @@ export default function Captcha(props: CaptchaProps): ReactElement {
       onSuccess={verify}
       options={{ language: i18n.resolvedLanguage, theme: "light" }}
       siteKey={RuntimeConfig.getInstance().captchaSiteKey()}
+      style={{ marginBottom: theme.spacing(1) }}
     />
   ) : (
     <Fragment />