diff --git a/src/components/api/ApiKey.tsx b/src/components/api/ApiKey.tsx
index 88856ba8..b291a20c 100644
--- a/src/components/api/ApiKey.tsx
+++ b/src/components/api/ApiKey.tsx
@@ -140,8 +140,8 @@ const ApiKeyManager = () => {
               <TableRow>
                 <TableCell>{apiKeyName}</TableCell>
                 <TableCell>
-                  <Box sx={{ fontFamily: 'monospace', width: '10ch' }}>
-                    {showKey ? `${apiKey?.substring(0, 20)}...` : '***************'}
+                  <Box sx={{ fontFamily: 'monospace', width: '20ch' }}>
+                    {showKey ? `${apiKey?.substring(0, 10)}...` : '**********'}
                   </Box>
                 </TableCell>
                 <TableCell>