fix: code styles

src/features/authentication/components/EmailSection.tsx

@@ -8,6 +8,7 @@ import {
   Typography,
   InputAdornment,
   IconButton,
+  CircularProgress,
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { TickCircle, Edit, Refresh } from 'iconsax-react';
@@ -73,8 +74,8 @@ export function EmailSection({
 
   const fieldSx = {
     flex: '1 1 260px',
-    maxWidth: emailVerified ? '634px' : '462px',
-    width: '100%',
+    // maxWidth: emailVerified ? '634px' : '462px',
+    // width: '100%',
   };
 
   return (
@@ -216,19 +217,7 @@ export function EmailSection({
                 }}
               >
                 {isVerifyingCode ? (
-                  <Box
-                    component="span"
-                    sx={{
-                      display: 'flex',
-                      animation: 'spin 1s linear infinite',
-                      '@keyframes spin': {
-                        '0%': { transform: 'rotate(0deg)' },
-                        '100%': { transform: 'rotate(360deg)' },
-                      },
-                    }}
-                  >
-                    <Refresh size="24" color="text.secondary" />
-                  </Box>
+                  <CircularProgress />
                 ) : (
                   t('completion.checkCodeButton')
                 )}