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