manual improvement 1

client/src/components/DocumentUpload/DocumentUpload.tsx

@@ -171,7 +171,7 @@ const DocumentUpload: FunctionComponent<DocumentUploadProps> = ({
               {progress}%
             </Typography>
           </Stack>
-          <LinearProgress variant="determinate" value={progress} sx={{ borderRadius: 1, height: 6 }} />
+          <LinearProgress variant="determinate" value={progress} sx={{ borderRadius: 'var(--bal-radius-sm)', height: 6 }} />
           <Typography variant="caption" sx={{ color: 'text.secondary' }}>
             {t('upload_uploading')}
           </Typography>
@@ -184,7 +184,7 @@ const DocumentUpload: FunctionComponent<DocumentUploadProps> = ({
                 component="img"
                 src={previewUrl}
                 alt=""
-                sx={{ width: 48, height: 48, objectFit: 'cover', borderRadius: 1.5, flexShrink: 0 }}
+                sx={{ width: 48, height: 48, objectFit: 'cover', borderRadius: 'var(--bal-radius-sm)', flexShrink: 0 }}
               />
             ) : (
               <AppIcon icon="document" size={28} color="var(--bal-primary)" />
@@ -262,7 +262,7 @@ const DocumentUpload: FunctionComponent<DocumentUploadProps> = ({
           }}
           sx={{
             p: 3,
-            borderRadius: 2,
+            borderRadius: 'var(--bal-radius-md)',
             border: '1px dashed',
             borderColor: 'divider',
             textAlign: 'center',