diff --git a/src/routes/documentation/tutorial/api-fetching.mdx b/src/routes/documentation/tutorial/api-fetching.mdx
index 142c149..508fd71 100644
--- a/src/routes/documentation/tutorial/api-fetching.mdx
+++ b/src/routes/documentation/tutorial/api-fetching.mdx
@@ -170,7 +170,7 @@ export default function IndexPage({
       </div>
       <ul style={{ flexWrap: 'wrap', display: 'flex', gap: 10 }}>
         {data.results.map((pokemon, i) => (
-          <li key={i + 1}>{pokemon.name}</li>
+          <li key={pokemon.name} style={{ marginLeft: '16px' }}>{pokemon.name}</li>
         ))}
       </ul>
     </>