accounts-frontend/packages/app/components/auth/deviceCode/deviceCode.scss

.form {
    max-width: 340px;
    margin: 0 auto;
    padding: 55px 13px 0;
}

.description {
    font-size: 15px;
    color: #aaa;
    text-align: center;
    margin-bottom: 15px;
}

.icon {
    composes: hash from '~app/components/ui/icons.scss';

    display: block;
    text-align: center;
    font-size: 69px;
    color: #ccc;
    margin-block: 5px 15px;
}
Extract device code into a separate view. Convert more components from class components to functional. Fix invalid finish state when client was auto approved 2024-12-14 17:46:29 +05:30			`.form {`
			`max-width: 340px;`
			`margin: 0 auto;`
			`padding: 55px 13px 0;`
			`}`
Update the design 2024-12-23 19:43:10 +05:30
			`.description {`
			`font-size: 15px;`
			`color: #aaa;`
			`text-align: center;`
			`margin-bottom: 15px;`
			`}`

			`.icon {`
			`composes: hash from '~app/components/ui/icons.scss';`

			`display: block;`
			`text-align: center;`
			`font-size: 69px;`
			`color: #ccc;`
			`margin-block: 5px 15px;`
			`}`