import React from 'react';
import { Input } from '../../components';

interface Props {
    totp: string;
    setTotp: (totp: string) => void;
    id: string;
}
const LoginTotpInput = ({ totp, setTotp, id }: Props) => {
    return (
        <Input
            type="text"
            name="twoFa"
            autoFocus
            autoCapitalize="off"
            autoCorrect="off"
            id={id}
            required
            value={totp}
            className="w100"
            placeholder="123456"
            onChange={({ target: { value } }) => setTotp(value)}
            data-cy-login="TOTP"
        />
    );
};

export default LoginTotpInput;

import React from 'react';
import { Input } from '../../components';

interface Props {
    totp: string;
    setTotp: (totp: string) => void;
    id: string;
}
const LoginTotpInput = ({ totp, setTotp, id }: Props) => {
    return (
        <Input
            type="text"
            name="twoFa"
            autoFocus
            autoCapitalize="off"
            autoCorrect="off"
            id={id}
            required
            value={totp}
            className="w100 mb1"
            placeholder="123456"
            onChange={({ target: { value } }) => setTotp(value)}
            data-cy-login="TOTP"
        />
    );
};

export default LoginTotpInput;

--- 
+++ 
@@ -17,7 +17,7 @@
             id={id}
             required
             value={totp}
-            className="w100 mb1"
+            className="w100"
             placeholder="123456"
             onChange={({ target: { value } }) => setTotp(value)}
             data-cy-login="TOTP"
Remove mb1 from login totp input
